如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。
当前回答
如果您想平滑滚动，请尝试以下操作：
$("a").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
另一种解决方案是JavaScript window.scrollTo方法：
window.scrollTo(x-value, y-value);
参数：
x值是沿水平轴的像素。y值是沿垂直轴的像素。
其他回答
所有这些建议都适用于各种情况。对于通过搜索找到此页面的人，也可以尝试一下。JQuery，没有插件，滚动到元素。
$('html, body').animate({
scrollTop: $("#elementID").offset().top
}, 2000);
你不需要JQuery。只需调用脚本
window.location = '#'
单击“转到顶部”按钮
示例演示：
输出.jsbin.com/fakumo#
PS：当你使用像angularjs这样的现代库时，不要使用这种方法。这可能会破坏URL散列。
平滑动画的更好解决方案：
// this changes the scrolling behavior to "smooth"
window.scrollTo({ top: 0, behavior: 'smooth' });
参考：https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo#Example
$（“.solltop”）.click（函数）{$（“html，body”）.animate（｛scrollTop:0｝，“slow”）；return false；});.节{高度：400px；}.第1节{背景色：#333；}.第2节{背景色：红色；}.第3节{背景色：黄色；}.第4节{背景色：绿色；}.滚动条{位置：固定；右：10px；底部：10px；颜色：#fff；}<html><head><title>滚动顶部演示</title><script src=“https://code.jquery.com/jquery-3.3.1.js“></script></head><body><div class=“content wrapper”><div class=“section section1”></div><div class=“section section2”></div><div class=“section section3”></div><div class=“section section4”></div>滚动顶部</a></div></body></html>
function scrolltop() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('#back-to-top').fadeIn(duration);
} else {
jQuery('#back-to-top').fadeOut(duration);
}
});
jQuery('#back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
});
}
