如何通过history.scrollRestoration手动控制长页面刷新后是否强制回顶？

本文共计716个文字，预计阅读时间需要3分钟。

history.scrollRestoration 本身不能直接实现刷新后强制回顶功能，但它是一个关键开关：

---

✅ 正确做法：禁用自动恢复 + 卸载前归零

scrollRestoration = 'manual' 的作用是告诉浏览器：“别管我上次滚到哪了，刷新时不要自动还原”。但这不等于页面就会自动回到顶部——它只是从“自动回原位”变成“默认停在 (0, 0)”，而这个默认行为只在导航（如 back()/forward()）中可靠，在刷新时并不稳定。最稳妥的方式是：

• 在页面卸载前（beforeunload），主动把滚动条拉到顶部；
• 同时提前设置 scrollRestoration = 'manual'，防止某些浏览器在刷新瞬间仍尝试恢复。