Html 如何使用 JavaScriptjQuery 滚动到页面顶部

发布于11月20日

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

当我将页面向下滚动到一半，然后触发重新加载时，我希望页面进入顶部，但它会try 找到最后一个滚动位置.所以我做了这个:

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

但是没有运气.

EDIT:

所以当我在页面加载后给他们打电话时，你的两个答案都起作用了.谢谢.然而，如果我只是刷新页面，看起来浏览器会在.ready事件后计算并滚动到原来的滚动位置(我也测试了body onload()函数).

那么接下来的问题是，有没有办法防止浏览器滚动到其过go 的位置，或者在完成任务后重新滚动到顶部？

推荐答案

哇，这个问题我迟到了9年.干得好:

将此代码添加到您的onload中.

// This prevents the page from scrolling down to where it was previously.
if ('scrollRestoration' in history) {
    history.scrollRestoration = 'manual';
}
// This is needed if the user scrolls down during page load and you want to make sure the page is scrolled to the top once it's fully loaded. This has Cross-browser support.
window.scrollTo(0,0);

要在window load上运行它，只需像这样包装它(假设有JQuery个引用)

$(function() {
  // put the code here
});

history.scrollRestoration Browser support:

Chrome:受支持(自46年起)

Firefox:受支持(自46年起)

边缘:支持(自79年起)

IE:100

Opera:支持(自33年起)

Safari:支持

对于IE，如果你想在自动向下滚动后重新滚动到顶部，那么这对我来说很有用:

var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
if(isIE11) {
    setTimeout(function(){ window.scrollTo(0, 0); }, 300);  // adjust time according to your page. The better solution would be to possibly tie into some event and trigger once the autoscrolling goes to the top.
}