如何让chrome忘记页面滚动位置？答案

【问题标题】：How to let the chrome forget the page scroll position?如何让chrome忘记页面滚动位置？
【发布时间】：2013-02-27 15:33:07
【问题描述】：

例如，我打开一个网页，然后向下滚动到某个位置，

然后我刷新chrome浏览器，浏览器可以再次滚动之前的位置

如何使用javascript或css让浏览器忘记滚动？

我尝试了$(window).scrollTop(0)，但它不起作用

【问题讨论】：

【解决方案1】：

在下面的问题中解决了。

// bypass auto scrolling.
if ('scrollRestoration' in history) {
  history.scrollRestoration = 'manual';
}

【讨论】：

【解决方案2】：

我可以说的一种简单方法是在页面加载时运行此代码：

document.location = "#";

或

window.scrollTo(0);

它再次将浏览器视口设置为页面顶部。

【讨论】：

如果我没记错的话，在页面加载时执行window.scrollTo(0)，Chrome 会覆盖你的滚动。
我的意思是即使window.onload 对window.scrollTo 来说还为时过早。但是，window.onload 之后的几毫秒应该可以。
如果我想让页面滚动到左边而不是顶部，我该怎么办？
第二次@JanDvorak 的发现。 window.onload 中的setTimeout 有效，但此时窗口已经滚动。
window.scrollTo(0) 在 Chrome 和 Firefox 中抛出“无法转换为字典”。似乎您需要像这样指定 x 和 y：window.scrollTo(0, 0)

【解决方案3】：

这是完成这项工作的一种简洁方法。

window.addEventListener('unload', function(e){
   document.body.style.display = 'none';
});

只需将正文显示设置为“无”，您就不必担心浏览器在卸载之前会滚动到页面顶部，并且滚动位置将自动重置为 0。

【讨论】：

【解决方案4】：

这对我有用：

JS方式：

window.addEventListener('unload', function(e){
window.scrollTo(0, 0)
});

jquery方式：

$(window).load(function() {
 $(window).scrollTop(0);
});

【讨论】：