如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。
当前回答
动机
这个简单的解决方案在本地工作，并实现了到任何位置的平滑滚动。
它避免了使用锚链接（带有#的链接），在我看来，如果你想链接到一个部分，这些链接是有用的，但在某些情况下不是很舒服，特别是当指向顶部时，这可能会导致两个不同的URL指向同一位置(http://www.example.org和http://www.example.org/#).
解决方案
在要滚动到的标记中添加一个id，例如第一个部分，它回答了这个问题，但id可以放在页面的任何位置。
<body>
<section id="top">
<!-- your content -->
</section>
<div id="another"><!-- more content --></div>
然后，作为一个按钮，您可以使用链接，只需使用如下代码编辑onclick属性即可。
<a onclick="document.getElementById('top').scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' })">Click me</a>
其中document.getElementById的参数是单击后要滚动到的标记的id。
其他回答
document.getElementsByTagName('html')[0].scrollIntoView({ behavior: "smooth" });
非jQuery解决方案/纯JavaScript：
document.body.scrollTop = document.documentElement.scrollTop = 0;
您可以简单地使用链接中的目标，例如#someid，其中#someid是div的id。
或者，您可以使用任何数量的滚动插件，使其更加优雅。
http://plugins.jquery.com/project/ScrollTo是一个例子。
您可以使用javascript的内置函数scrollTo：
函数滚动（）{window.scrollTo({顶部：0，行为：“平滑”});}<button onclick=“scroll”>滚动</button>
许多用户建议同时选择html和body标签以实现跨浏览器兼容性，如下所示：
$('html, body').animate({ scrollTop: 0 }, callback);
如果你指望回调只运行一次，这可能会让你绊倒。它实际上会运行两次，因为您选择了两个元素。
如果这对你来说是个问题，你可以这样做：
function scrollToTop(callback) {
if ($('html').scrollTop()) {
$('html').animate({ scrollTop: 0 }, callback);
return;
}
$('body').animate({ scrollTop: 0 }, callback);
}
这在Chrome$（'html'）中有效的原因。scrollTop（）返回0，但在其他浏览器（如Firefox）中无效。
如果滚动条已经位于顶部，您不想等待动画完成，请尝试以下操作：
function scrollToTop(callback) {
if ($('html').scrollTop()) {
$('html').animate({ scrollTop: 0 }, callback);
return;
}
if ($('body').scrollTop()) {
$('body').animate({ scrollTop: 0 }, callback);
return;
}
callback();
}
