纯JavaScript解决方案：

function scrollToTop() {
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
});

我在Codepen上编写了一个动画解决方案

此外，您可以尝试使用CSS滚动行为的另一种解决方案：smooth属性。

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

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

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

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

为什么不使用JQuery内置函数scrollTop：

$('html, body').scrollTop(0);//For scrolling to top

$("body").scrollTop($("body")[0].scrollHeight);//For scrolling to bottom

简短而简单！

滚动到带有动画的页面顶部：

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

这将起作用：

window.srollTo（0，0）；

纯JavaScript解决方案：

function scrollToTop() {
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
});

我在Codepen上编写了一个动画解决方案

此外，您可以尝试使用CSS滚动行为的另一种解决方案：smooth属性。

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}