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

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

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

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

比如：

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

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

我用过这个网站。

这里有一个方法： 预期成果：

• 无滚动动画
• 第一次加载时在页面顶部加载
• 在页面顶部加载所有刷新

代码：

history.scrollRestoration=“手动”；

为什么这可能比其他方法更有效： 诸如Chrome之类的浏览器有一个内置的预设，可以在刷新后记住您在页面上的位置。 我们需要补充：

history.scrollRestoration=“手动”；

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

参考资料： 关于在底部而不是顶部加载页面的问题，我最初的回答是：

历史记录的文档。滚动恢复：

---

你说的“彻底刷新”是什么意思？您的意思是浏览器视口跳到页面底部吗？如果是这样，那么这可能是因为您的URI中有一个片段标识符

something.html#foobar

。简单地删除它。老实说，我对这样做网页还不熟悉。过去我主要是在Dreamweaver或Wordpress中使用模板。你介意解释一下URI吗？谢谢当您在URI中指定“片段标识符”（这是

#

字符后的可选部分）时，浏览器的视口将跳转到网页中的某个位置，其中有一个元素具有

id=“

属性。比如论坛上的永久链接就像“viewthread？threadid=123&page=2#post123”（该页面上会有一个

，浏览器会跳转到该页面。所以我刚才注意到的是：我的菜单中有链接重定向到页面上的各个位置。浏览器会刷新到用户单击的最后一个链接的位置。（我不确定我的解释是否有任何意义）。是的，听起来不错。那是因为你的浏览器地址栏中仍然有片段。当我在Chrome和Firefox中测试它时，这似乎是个问题，但不幸的是，它在Opera中不起作用。