如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。
当前回答
旧的#top可以做到这一点
document.location.href = "#top";
适用于FF、IE和Chrome
其他回答
<script>
$(function(){
var scroll_pos=(0);
$('html, body').animate({scrollTop:(scroll_pos)}, '2000');
});
</script>
编辑：
$('html, body').animate({scrollTop:(scroll_pos)}, 2000);
另一种上下边距滚动方式：
window.scrollTo({ top: 100, left: 100, behavior: 'smooth' });
使用window.scrowlTo（0，0）；速度非常快所以我尝试了Mark Ursino的例子，但在Chrome中什么都没有发生我找到了这个
$('.showPeriodMsgPopup').click(function(){
//window.scrollTo(0, 0);
$('html').animate({scrollTop:0}, 'slow');//IE, FF
$('body').animate({scrollTop:0}, 'slow');//chrome, don't know if Safari works
$('.popupPeriod').fadeIn(1000, function(){
setTimeout(function(){$('.popupPeriod').fadeOut(2000);}, 3000);
});
});
测试了所有3种浏览器，并正常工作我正在使用蓝图css这是当客户点击“立即预订”按钮并且没有选择租赁期时，慢慢移动到日历所在的顶部，并打开一个指向2个字段的对话框div，3秒后它会消失
滚动到的一个简单示例（使用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>
如果您确实想要平滑滚动，请尝试以下操作：
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
这将接受href=“#top”的任何<a>标记，并使其平滑滚动到顶部。
真的很奇怪：这个问题已经活跃了五年了，但仍然没有一个普通的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
