如何关闭 Chrome 表单提交后自动跳转至页面底部功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计540个文字，预计阅读时间需要3分钟。
当使用Chrome浏览器时，若在页面重载或跳转后默认恢复滚动位置（特别是提交表单后），可能会导致意外滚动到页面底部。要禁用这种行为，可以通过设置`history.scrollRestoration='manual'`来实现。
在 Web 开发中，当用户在页面底部（如页脚订阅表单）提交表单并触发页面跳转（例如重定向至感谢页或刷新当前页）时，部分用户会观察到一个令人困扰的现象：新页面加载完成后，浏览器自动滚动至原页面的相同垂直位置——若表单位于页脚，则新页面一打开就“卡”在底部。该行为并非所有浏览器一致，而是Chrome（及基于 Chromium 的新版 Edge、Opera 等）的默认特性，其背后机制是浏览器的 scroll restoration（滚动恢复）策略。
Chrome 默认启用 scrollRestoration = 'auto'，即在 history.pushState()、history.replaceState() 或页面重载（包括表单 POST 后 302 重定向）时，自动将视口滚动至前一状态记录对应的 scrollY 值。这本意是提升用户体验（如返回时保持阅读位置），但在页脚表单场景下却适得其反。
本文共计540个文字，预计阅读时间需要3分钟。
当使用Chrome浏览器时，若在页面重载或跳转后默认恢复滚动位置（特别是提交表单后），可能会导致意外滚动到页面底部。要禁用这种行为，可以通过设置`history.scrollRestoration='manual'`来实现。
在 Web 开发中，当用户在页面底部（如页脚订阅表单）提交表单并触发页面跳转（例如重定向至感谢页或刷新当前页）时，部分用户会观察到一个令人困扰的现象：新页面加载完成后，浏览器自动滚动至原页面的相同垂直位置——若表单位于页脚，则新页面一打开就“卡”在底部。该行为并非所有浏览器一致，而是Chrome（及基于 Chromium 的新版 Edge、Opera 等）的默认特性，其背后机制是浏览器的 scroll restoration（滚动恢复）策略。
Chrome 默认启用 scrollRestoration = 'auto'，即在 history.pushState()、history.replaceState() 或页面重载（包括表单 POST 后 302 重定向）时，自动将视口滚动至前一状态记录对应的 scrollY 值。这本意是提升用户体验（如返回时保持阅读位置），但在页脚表单场景下却适得其反。