如何使用JavaScript / jQuery滚动到页面顶部？

javascript jquery html scroll

2022-08-30 01:37:19

有没有办法用JavaScript / jQuery控制浏览器滚动？

当我向下滚动页面一半，然后触发重新加载时，我希望页面移动到顶部，但它会尝试找到最后一个滚动位置。所以我做了这个：

$('document').ready(function() {
   $(window).scrollTop(0);
});

但是没有运气。

编辑：

因此，当我在页面加载后打电话给他们时，您的两个答案都有效 - 谢谢。但是，如果我只是在页面上进行刷新，看起来浏览器会在事件发生后计算并滚动到其旧的滚动位置（我也测试了body onload（）函数）。.ready

所以后续是，有没有办法防止浏览器滚动到它过去的位置，或者在它完成它的事情后重新滚动到顶部？

答案 1

跨浏览器、纯 JavaScript 解决方案：

document.body.scrollTop = document.documentElement.scrollTop = 0;

答案 2

你几乎得到了它 - 你需要设置开，而不是：scrollTopbodywindow

$(function() {
   $('body').scrollTop(0);
});

编辑：

也许你可以在页面顶部添加一个空白锚点：

$(function() {
   $('<a name="top"/>').insertBefore($('body').children().eq(0));
   window.location.hash = 'top';
});