javascript - 如何让chrome忘记页面滚动位置？

Question

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

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

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

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

Answer 1

它在下面的问题中得到解决。

页面刷新后禁用浏览器的自动滚动？

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

Answer 2

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

document.location = "#";

或者

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);
});