Chrome 浏览器在页面重载或跳转时默认恢复滚动位置（尤其是提交页脚表单后），导致意外滚动到底部；通过设置 history.scrollRestoration = 'manual' 可彻底禁用该自动滚动行为。
chrome 浏览器在页面重载或跳转时默认恢复滚动位置（尤其是提交页脚表单后），导致意外滚动到底部；通过设置 `history.scrollrestoration = 'manual'` 可彻底禁用该自动滚动行为。
在 Web 开发中，当用户在页面底部（如页脚订阅表单）提交表单并触发页面跳转（例如重定向至感谢页或刷新当前页）时，部分用户会观察到一个令人困扰的现象：新页面加载完成后，浏览器自动滚动至原页面的相同垂直位置——若表单位于页脚，则新页面一打开就“卡”在底部。该行为并非所有浏览器一致，而是Chrome（及基于 Chromium 的新版 Edge、Opera 等）的默认特性，其背后机制是浏览器的 scroll restoration（滚动恢复）策略。
Chrome 默认启用 scrollRestoration = 'auto'，即在 history.pushState()、history.replaceState() 或页面重载（包括表单 POST 后 302 重定向）时，自动将视口滚动至前一状态记录对应的 scrollY 值。这本意是提升用户体验（如返回时保持阅读位置），但在页脚表单场景下却适得其反。
✅ 正确解决方案是在页面 <head> 中尽早设置：
<script>
if ('scrollRestoration' in window.history) {
window.history.scrollRestoration = 'manual';
}
</script>⚠️ 注意事项：
- 必须在 DOMContentLoaded 之前执行（推荐直接放在 <head> 内首个 <script> 标签中），否则可能被后续导航覆盖；
- 需要进行特性检测（'scrollRestoration' in window.history），确保兼容旧版 Safari（不支持该 API）；
- 设置为 'manual' 后，浏览器完全放弃自动滚动恢复，所有滚动行为需由开发者显式控制（例如 window.scrollTo(0, 0) 主动置顶）；
- 若你仍希望某些特定跳转保留滚动（如 SPA 内部路由），应在对应逻辑中手动调用 history.scrollRestoration = 'auto' 并配合 scrollIntoView() 精细控制，但对传统表单提交场景，全局设为 'manual' 是最简洁可靠的解法。
? 补充建议：若表单提交后需保持用户在顶部（如显示成功提示），可在新页面加载后补充一句：
// 页面加载完成后强制置顶（仅在 scrollRestoration='manual' 生效后）
document.addEventListener('DOMContentLoaded', () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
});综上，window.history.scrollRestoration = 'manual' 是解决 Chrome 下页脚表单提交后异常滚动问题的标准、轻量且符合规范的方案，无需监听事件、无需阻止默认行为，从根源上关闭浏览器的自动滚动干预机制。
