如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。
当前回答
尝试以下代码：
$('html, body').animate({
scrollTop: $("div").offset().top
}, time);
div=>要移动滚动的Dom元素。
时间=>毫秒，定义滚动速度。
其他回答
如果您不希望平滑滚动，您可以在启动平滑滚动动画时立即欺骗并停止它……如下所示：
$(document).ready(function() {
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "1");
$('html, body').stop(true, true);
//Anything else you want to do in the same action goes here
return false;
});
});
我不知道它是否被推荐/允许，但它有效：）
你什么时候用这个？我不确定，但也许当您想使用Jquery一键制作一件事情的动画，而不使用动画制作另一件事情时？即打开页面顶部的管理登录面板中的幻灯片，然后立即跳到顶部查看。
这样做不需要jQuery。一个标准的HTML标记就足够了。。。
<div id="jump_to_me">
blah blah blah
</div>
<a target="#jump_to_me">Click Here To Destroy The World!</a>
动机
这个简单的解决方案在本地工作，并实现了到任何位置的平滑滚动。
它避免了使用锚链接（带有#的链接），在我看来，如果你想链接到一个部分，这些链接是有用的，但在某些情况下不是很舒服，特别是当指向顶部时，这可能会导致两个不同的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。
你不需要JQuery。只需调用脚本
window.location = '#'
单击“转到顶部”按钮
示例演示：
输出.jsbin.com/fakumo#
PS：当你使用像angularjs这样的现代库时，不要使用这种方法。这可能会破坏URL散列。
滚动到的一个简单示例（使用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>
