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

Question

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

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

onresize, каждое уменьшение на 1 пиксель от screen.width должно увеличивать значение "black box".margin-left на 2px.

Параллакс, вызванный изменением размера

Нужно перевести это на JavaScript

    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", а не "innerwidth". Корректировка вашего кода:

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;">