网页刷新时默认会保持滚动位置，导致用户被卡在页面中部；通过 `window.onbeforeunload` 事件在卸载前强制滚动到顶部，可确保每次刷新都从页面最上方开始，且无可见跳动。
在纯原生 JavaScript 环境中，解决“刷新后不回到顶部”问题的关键在于：在页面卸载（unload）前、视觉状态尚未重置时，主动将视口滚动至 (0, 0)。此时 DOM 尚未销毁，scrollTo() 调用能立即生效，且因发生在重载触发瞬间，用户几乎感知不到滚动动画——这正是你期望的“无声归顶”。
推荐使用 window.onbeforeunload 事件监听器，代码简洁可靠：
window.onbeforeunload = function () {
window.scrollTo(0, 0);
};⚠️ 注意事项：
- 此方案兼容所有现代浏览器（Chrome、Firefox、Safari、Edge），但需注意 Safari 对 onbeforeunload 的行为略有差异（如可能不触发滚动），建议搭配 window.onload 双保险（见下文）；
- onbeforeunload 本身常用于提示用户“离开页面”，但此处仅作滚动用途，无需返回字符串或阻止默认行为，否则可能意外触发浏览器离开确认弹窗；
- 若你同时使用了 history.pushState() 或单页应用式导航，还需监听 popstate 并手动 scrollTo(0, 0)；
- 为增强鲁棒性，可补充页面加载完成后的兜底滚动（尤其针对 Safari 或极端缓存场景）：
// 双保险：卸载前归顶 + 加载后归顶（延迟 0ms 确保渲染队列清空）
window.onbeforeunload = () => window.scrollTo(0, 0);
window.addEventListener('load', () => setTimeout(() => window.scrollTo(0, 0), 0));最后，请确保你的 CSS 中没有 scroll-behavior: smooth 全局设置（如 html { scroll-behavior: smooth; }），否则 scrollTo(0, 0) 可能产生可见过渡动画，违背“无感归顶”目标。如需平滑效果，应仅在显式交互（如锚点跳转）中启用。
总结：onbeforeunload + scrollTo(0, 0) 是 Vanilla JS 下最轻量、最可靠的刷新归顶方案，无需依赖框架、不增加首屏负担，且完美契合你当前的绝对定位 + overflow:hidden 布局需求。
