Javascript viewport 然后 element.style.left 不会工作？这有什么问题

Question

    var x,y,a,b;
    function respon(){
    x= Math.max(document.documentElement.clientWidth,window.innerWidth||0);
    y=document.getElementById("main");
    b=x-1200;
    a=y.style.left= b/2+ "px";
}

window.addEventListener("scroll",parallex,respon);

我想将宽度为 1200px 的 div 元素居中。

我想将观众宽度设为 - 1200，然后 divide 乘以 2，这就是我的左边距，对象居中 :)（我的目标屏幕尺寸是 1980 )

（我稍后会使用 "if statement"，但如果这不起作用，我不需要它）

我想知道这有什么问题，为什么不起作用？对我来说一切都很好

Answer 1

如果您要设置 margin-left，而不是 left，您必须这样做：

a=y.style.marginLeft= b/2+ "px";

如果您想坚持使用 left，您必须添加

a=y.style.position = "relative";

Javascript viewport 然后 element.style.left 不会工作？这有什么问题

Javascript viewport then element.style.left wont work? whats wrong with this

javascript

viewport

width