Переместить элемент на изменение размера

Question

У меня есть черный ящик

<div id="blackbox" style="margin-left:0px; background-color:black; width:20px; height:20px;">

OnResize, каждый 1px уменьшающиеся от Screen.Width должен инкремент «blackbox'.margin-оставленную 2px.

параллакса вызвано изменением размера

нужно перевести это яваскрипта

function move() { 
     var screenwidth = screen.width 
     var innerwidth = window.innerwidth 
     var x = screenwidth - innerwidth 
     document.getElementById("blackbox").style.marginLeft = (x * 2) + "px"; 
    } 
     window.onresize = move; 

Answer 1

Это вопрос чувствительность к регистру. Имущество, которое вы ищете, - «innerWidth», с капиталом «W», а не «внутренняя ширина». Настройка кода:

function move() { 
 
    var screenwidth = screen.width 
 
    var innerwidth = window.innerWidth 
 
    var x = screenwidth - innerwidth 
 
    document.getElementById("blackbox").style.marginLeft = (x * 2) + "px"; 
 
} 
 
window.onresize = move;

<div id="blackbox" style="margin-left:0px; background-color:black; width:20px; height:20px;">