如何使用Javascript NOT jQuery动画window.scrollTo？

Question

我已经搜索过，尽管作家已经写了很多JavaScript人回答jQuery的文章。无论如何，如何window.scrollTo使用JavaScript 制作动画？我用过setInterval但没用。任何帮助将不胜感激。

Answer 1

我找到了它，通过传递此对象，可以平滑滚动：

window.scrollTo({
  top: selectedFrame.offsetTop,
  left: 0,
  behavior: 'smooth'
});

注意：smoothSafari不支持。

Answer 2

试试这个。

window.scrollTo(0, 0);

我用它从下到上滚动。它适用于我使用 javascript。

其它的办法 ：

HTML

<button onclick="scrollToTop(3000);"></button>

Javascript

 function scrollToTop(scrollDuration) {
  var scrollStep = -window.scrollY / (scrollDuration / 15),
    scrollInterval = setInterval(function(){
    if ( window.scrollY != 0 ) {
        window.scrollBy( 0, scrollStep );
    }
    else clearInterval(scrollInterval); 
 },15);
}