使用JavaScript利用“返回顶部”

Question

我发现用JavaScript编写的“返回顶部”效果。但是代码中有一些我不理解的东西。非常感谢！

window.onload = function () {
    var oBtn = document.getElementById('btn1');
    var timer=null;

    oBtn.onclick= function () {
       timer=setInterval(function () {
            var scrollTop = document.documentElement.scrolltop || document.body.scrollTop;
            var iSpeed = Math.floor(-scrollTop/8);//what does this mean?
           if(scrollTop===0)
           {
               clearInterval(timer);
           }

            document.body.scrollTop = document.documentElement.scrollTop = scrollTop + iSpeed;
        }, 30);
    };
};

Answer 1

-scrollTop表示0-scrollTop。

-scrollTop/8表示0-scrollTop除以8。

Math.floor()向下舍入到最接近的整数。

Answer 2

iSpeed最好被认为是速度。当文档向上滚动时，它会设置为该速度，当它接近目标元素时逐渐变小。

Math.floor(-scrollTop/8) 在这种情况下，您不断向上滚动您的位置与该元素之间距离的1/8。