如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。
当前回答
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;
});
}
其他回答
最短的
location='#'
这种解决方案是对pollinrata答案的改进，并且有一些缺点：没有平滑的滚动和更改页面位置，但最短
所有这些建议都适用于各种情况。对于通过搜索找到此页面的人，也可以尝试一下。JQuery，没有插件，滚动到元素。
$('html, body').animate({
scrollTop: $("#elementID").offset().top
}, 2000);
TypeScript中的等效解决方案可能如下
window.scroll({
top: 0,
left: 0,
behavior: 'smooth'
});
<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' });
如果您想设置滚动动作的动画，则不需要javascript、event！
CSS:
html {
scroll-behavior: smooth;
}
HTML格式：
<html>
<body>
<a id="top"></a>
<!-- your document -->
<a href="#top">Jump to top of page</a>
</body>
</html>
