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

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

document.getElementsByTagName('html')[0].scrollIntoView({ behavior: "smooth" });

真的很奇怪：这个问题已经活跃了五年了，但仍然没有一个普通的JavaScript答案来激活滚动……所以，现在就开始吧：

var scrollToTop = window.setInterval(function() {
    var pos = window.pageYOffset;
    if ( pos > 0 ) {
        window.scrollTo( 0, pos - 20 ); // how far to scroll on each step
    } else {
        window.clearInterval( scrollToTop );
    }
}, 16); // how fast to scroll (this equals roughly 60 fps)

如果愿意，可以将其包装在函数中，并通过onclick属性调用它。检查这个jsfiddle

注意：这是一个非常基本的解决方案，可能不是最有效的解决方案。这里可以找到一个非常详细的示例：https://github.com/cferdinandi/smooth-scroll

使用简单的css尝试这个解决方案，只需将css滚动行为：在html和body上平滑，就像我在css中应用的那样。就是这样

document.querySelector（'a'）.onclick=函数（）{window.srollTo（0,0）}html，正文{滚动行为：平滑；}一个{背景色：红色；颜色：#fff；边界半径：10px；边距：10px 0；显示：内联块；填充：10px 20px；}<p>自从1500年代以来，Lorem Ipsum就一直是行业的标准伪文本，当时一位不知名的印刷商拿着一把打字机，把它弄乱，做成了一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p＞<a>滚动到顶部</a>

我希望这对你有很大帮助。请告诉我你的想法

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

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

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

滚动到的一个简单示例（使用html效率更高，但以下是如何使用JavaScript实现的）：

const btn=document.querySelector（'.btn'）；btn.addEventListener（'click'，（）=>{window.scrollTo({左：0，顶部：0，})})window.addEventListener（'scroll'，函数（）{const scrollHeight=window.pageYOffset；如果（滚动高度>500）{btn.classList.add（'sow-link'）；}其他{btn.classList.remove（'sow-link'）；}});.节{衬垫底部：5rem；高度：90vh；}.磅{位置：固定；底部：3rem；右：3rem；背景：蓝色；宽度：2rem；高度：2rem；颜色：#fff；可见性：隐藏；z指数：-100；}.show链接{可见性：可见；z指数：100；}.标题h2{文本对齐：居中；}<section class=“section”><div class=“title”><h2>第一节</h2></div></section><section class=“section”><div class=“title”><h2>第二节</h2></div></section><section class=“section”><div class=“title”><h2>第三节</h2></div></section><a class=“btn”></a>