使用JavaScript滚动到页面顶部？

如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。

当前回答

如果您想设置滚动动作的动画，则不需要javascript、event！

CSS:

html {
    scroll-behavior: smooth;
}

HTML格式：

<html>
  <body>
     <a id="top"></a>
     <!-- your document -->
     <a href="#top">Jump to top of page</a>
  </body>
</html>

其他回答

非jQuery解决方案/纯JavaScript：

document.body.scrollTop = document.documentElement.scrollTop = 0;

这将起作用：

window.srollTo（0，0）；

平滑动画的更好解决方案：

// this changes the scrolling behavior to "smooth"
window.scrollTo({ top: 0, behavior: 'smooth' });

参考：https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo#Example

如果您确实想要平滑滚动，请尝试以下操作：

$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

这将接受href=“#top”的任何<a>标记，并使其平滑滚动到顶部。

document.getElementById（“elem”）scrollIntoView（）；

推荐文章