Question

我正在创建一个Pure JS滚动到Top按钮。我正在编写一个函数来收集窗口高度，然后将相应的边距写入滚动按钮，使其保持在容器外的固定位置（容器是marginx变量中的901）。但是，当我加载页面时，该函数没有将任何边距应用于“scroll”元素，并且我没有错误。

我的代码：

<head>
<script>
function displayScrollTop(){
    var w=window,
        d=document,
        e=d.documentElement,
        g=d.getElementsByTagName('body')[0],
        x=w.innerWidth||e.clientWidth||g.clientWidth,
        y=w.innerHeight||e.clientHeight||g.clientHeight;

    var marginy = 60-y; //margin-top value
    var marginx = "-" + (x-901)/2 - 60; 

    //image is floated right, this creates a negative margin left to pull to center.
           The width of the window - 901 (width of the container)/2 to get the side
           margins, - 60 (width of button) 


    document.getElementById('scroll').style.marginTop = marginy;
    document.getElementById('scroll').style.marginLeft = marginx;
}
</script>
</head>

<body onload="displayScrollTop();">
    <div id="scroll">
        <a onclick="scrollToTop(500);"><img src="images/scrolltotopbutton.png" /></a>
    </div>
    <div id="container">
    </div>

</body>

有什么想法吗？

Answer 1

您需要通过向px添加"px"来指定边距值在{{1}}中。

Javascript样式不适用

1 个答案: