如何让Chrome忘记页面滚动位置？

Question

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

然后我刷新Chrome浏览器，浏览器可以再次滚动前一个位置

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

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

Answer 1

以下问题解决了这个问题。

Disable brower's auto scroll after a page refresh?

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

Answer 2

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

document.location = "#";

OR

window.scrollTo(0);

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

Answer 3

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

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

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

Answer 4

这对我有用：

JS 方式：

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

Jquery 方式：

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