如果您转到页面 a 并滚动，然后刷新页面将在您离开的位置刷新。这很好，但是这也发生在 URL 中有锚点位置的页面上。例如，如果您单击链接http://example.com/post/244#comment5 并在环顾四周后刷新页面，您将不会处于锚点并且页面会跳来跳去。有没有办法用javascript来防止这种情况？这样无论您如何始终导航到锚点。
【问题讨论】：
标签： javascript browser
在 Chrome 上，即使你强制 scrollTop 为 0，它也会在第一个滚动事件之后跳转。
你应该将滚动绑定到这个：
$(window).on('beforeunload', function() {
$(window).scrollTop(0);
});
所以浏览器被欺骗相信它是在刷新之前的开始。
【讨论】：
window.onbeforeunload = function(){ window.scrollTo(0,0); }
要禁用自动滚动恢复，只需将此标签添加到 head 部分。
<script>history.scrollRestoration = "manual"</script>
IE 不支持。 Browser compatibility.
【讨论】：
在多次失败后，我终于成功了。 anzo 在这里是正确的，因为使用 beforeunload 将使页面在用户重新加载页面或单击链接时跳转到顶部。所以unload 显然是这样做的。
$(window).on('unload', function() {
$(window).scrollTop(0);
});
Javascript方式（感谢ProfNandaa）：
window.onunload = function(){ window.scrollTo(0,0); }
编辑：2015 年 7 月 16 日
即使有 unload 事件，Firefox 仍然存在跳转问题。
【讨论】：
beforeunload 解决方案要好得多，因为它可以防止在重新加载和锚点点击时跳转到页面顶部。
由于浏览器行为的变化，不再推荐使用此解决方案。查看其他答案。
基本上，如果使用锚点，我们将绑定到 windows 滚动事件。这个想法是第一个滚动事件必须属于浏览器完成的自动重新定位。发生这种情况时，我们会进行自己的重新定位，然后删除绑定事件。这可以防止后续的页面滚动对系统造成干扰。
$(document).ready(function() {
if (window.location.hash) {
//bind to scroll function
$(document).scroll( function() {
var hash = window.location.hash
var hashName = hash.substring(1, hash.length);
var element;
//if element has this id then scroll to it
if ($(hash).length != 0) {
element = $(hash);
}
//catch cases of links that use anchor name
else if ($('a[name="' + hashName + '"]').length != 0)
{
//just use the first one in case there are multiples
element = $('a[name="' + hashName + '"]:first');
}
//if we have a target then go to it
if (element != undefined) {
window.scrollTo(0, element.position().top);
}
//unbind the scroll event
$(document).unbind("scroll");
});
}
});
【讨论】：
这是一种更通用的方法。而不是试图阻止浏览器滚动（或像看起来那样跳到顶部），我只是恢复页面上的先前位置。 IE。我正在 localStorage 中记录页面的当前 y 偏移量，并在页面加载后滚动到该位置。
function storePagePosition() {
var page_y = window.pageYOffset;
localStorage.setItem("page_y", page_y);
}
window.addEventListener("scroll", storePagePosition);
var currentPageY;
try {
currentPageY = localStorage.getItem("page_y");
if (currentPageY === undefined) {
localStorage.setItem("page_y") = 0;
}
window.scrollTo( 0, currentPageY );
} catch (e) {
// no localStorage available
}
【讨论】：
这对我有用。
//Reset scroll top
history.scrollRestoration = "manual"
$(window).on('beforeunload', function(){
$(window).scrollTop(0);
});
【讨论】：
你可以在最后加一个#，这样页面就会在顶部加载。
适用于所有浏览器、移动设备和桌面，因为它非常简单。
$(document).ready(function() {
var url = window.location.href;
console.log(url);
if( url.indexOf('#') < 0 ) {
window.location.replace(url + "#");
} else {
window.location.replace(url);
}
});
// 这会加载以 # 结尾的页面。
【讨论】：
这绝对没问题。漂亮干净的javascript
var objDiv = document.getElementById("chatbox");
if ( window.history.replaceState ) {
objDiv.scrollTop = objDiv.scrollHeight;
window.history.replaceState( null, null, window.location.href );
}
【讨论】：
你应该可以的。
Onload，检查window.location.hash是否有值。如果是，则获取具有与哈希值匹配的 id 的元素。找到元素的位置（递归调用 offsetTop/offsetLeft），然后将这些值传递给window.scrollTo(x, y) 方法。
这应该将页面滚动到所需的元素。
【讨论】：