如何使用css刷新到HTML页面的顶部

Question

我正在使用html和css构建网页。每次我在Opera中刷新页面时，页面都会刷新到底部。这只是Opera中的一件事吗？在其他浏览器中测试页面时似乎没有发生。

Answer 1

另一种可能性是，当您滚动到底部时，您正在刷新页面。在大多数现代浏览器中，当您刷新或点击浏览器中的后退按钮时，一旦页面（重新）加载，它将跳转到最近的滚动位置。如果在刷新之前滚动回顶部，看看是否有任何改变。

Answer 2

您可以添加一个将滚动设置为顶部的Javascript

喜欢：

function scrollWindow()
{
window.scrollTo(0,0);
}

你可以捕捉onLoad事件并调用该函数，这样每次刷新浏览器时它都会滚动到顶部。

我使用了w3schools网站。

Answer 3

这是一个方法：

预期结果：

• 没有滚动动画
• 首次加载时在页面顶部加载
• 在页面顶部加载以进行所有刷新

代码：

<script>
    history.scrollRestoration = "manual";
</script>

为什么这可能优于其他方法：

Chrome 等浏览器具有内置预设，可在刷新后记住您在页面上的位置。 我们需要添加：

history.scrollRestoration = "manual";

禁用该内置功能。结果是每次刷新后在页面顶部加载。

参考：

<块引用>

我关于在底部而不是顶部加载页面的原始回答帖子：https://stackoverflow.com/a/66825027/15489646

<块引用>

history.scrollRestoration 的文档：https://developer.mozilla.org/en-US/docs/Web/API/History/scrollRestoration