如何阻止VS Code Live Server在保存文件时自动向上滚动页面？

问题本质 #

该异常是Live Server v5.7.0及以上版本的内置重载脚本逻辑缺陷：重载触发时未正确读取、缓存浏览器当前的滚动偏移值，在部分场景下会将初始化时的顶部位置、甚至无意义的随机缓存值作为重载后的滚动锚点，即使勾选Full Reload选项、重装扩展或VS Code也无法绕过该逻辑分支，最终表现为保存文件后页面自动上滚、长页面随机跳转位置。 #

分步修复操作 #

1. 修正错误的配置开关 #

打开VS Code设置面板（快捷键 Ctrl+,），按以下规则调整和Live Server相关的配置项：

• 取消勾选 Settings: Full Reload：该开关会强制绕过扩展自带的滚动位置保持模块，直接将页面重置为初始顶部位置，此前勾选该选项的操作本身就是加重滚动异常的核心原因
• 勾选开启 Live Server: Preserve Focus：该开关会在重载触发时保持浏览器窗口的焦点状态，同步传递当前的滚动位置参数给重载后的页面
• 调整自动保存间隔：搜索设置项 Files: Auto Save Delay，将默认的1000ms修改为5000ms，避免高频连续保存触发的重载逻辑混乱，导致长页面的随机滚动问题

2. 注入自定义滚动位置保持脚本 #

如果调整开关后效果不明显，可通过扩展的自定义脚本能力，替换有缺陷的内置重载逻辑：
在VS Code设置中找到 Live Server: Custom Scripts 配置项，新增如下脚本代码：

// 存储当前滚动位置
const currentScroll = window.scrollY;
window.addEventListener('beforeunload', () => {
  sessionStorage.setItem('ls-scroll-pos', currentScroll);
});
// 重载完成后恢复滚动位置
window.addEventListener('load', () => {
  const savedPos = sessionStorage.getItem('ls-scroll-pos');
  if (savedPos) window.scrollTo(0, Number(savedPos));
});

3. 兜底降级方案 #

如果上述配置调整后依然出现滚动异常，可直接将Live Server扩展降级到无该缺陷的稳定版本：

• 在VS Code扩展面板找到已安装的Live Server，点击版本号旁的下拉菜单，选择「安装特定版本」
• 选中 v5.6.1 版本完成安装，重启VS Code后重新启动Live Server服务即可

验证注意事项：所有配置调整完成后，需要完全重启VS Code、关闭所有此前由Live Server打开的测试页面，再重新启动服务测试效果，避免旧的缓存逻辑干扰验证结果。

内容的提问来源于stack exchange，提问作者Kali