如何使用普通JavaScript滚动到顶部

How to scroll to the top using vanilla JavaScript?

本文关键字:滚动 顶部 JavaScript 何使用      更新时间:2023-09-26

我试图模仿scrollTop (jQuery)在香草JS,所以点击它滚动到一个元素。这可以正常工作-除非您已经滚动过该元素。所以它不会反向滚动。我的配方应该加入window.pageYOffset吗?

var moves = function(scrollz) {
    var scrollPos = document.getElementById(scrollz).offsetTop - ((document.documentElement.clientHeight - document.getElementById(scrollz).offsetHeight) / 2);
    var timerID = setInterval(function() {
        window.scrollBy(0, speed);
        if (window.pageYOffset >= scrollPos) {
            clearInterval(timerID);
        }
    }, 13);
}

scrollBy将从"实际位置"滚动到"定义的像素数"我想你可以看看scrollTo