解决这个问题的技巧是执行以下操作
在程序可视化代码中: 文件 -> 首选项 -> 设置
在设置页面下拉扩展,然后单击实时服务器配置
勾选方框: 设置:完全重新加载
它会停止您要求的滚动位置的更改。
但是,如果它从页面顶部(至少在 Chrome 中)向下滚动到保存/重新加载时所在的滚动位置,那是因为您使用了:
html {
scroll-behavior: smooth;
}
只需在开发中将其注释掉(如果您有/使用它)并希望防止这种情况发生。
其他用户的输入: 注意:您必须停止实时服务器并重新启动才能看到更改 (发生在我身上)
转到实时服务器扩展并禁用然后启用它(不要忘记重新加载窗口
通过执行以下两步过程解决了我的问题:
在 Live Server 扩展设置中启用完全重新加载。看看是否可以解决问题。
替换全局
injected.html
文件夹中 live-server 文件夹中的 node_module
文件。
a.要了解全局 node_module 路径,请运行命令:npm root -g
b.将全局node_modules live-server 文件夹中的injected.html 替换为此文件。
c.您可能需要
npm cache clear --force
和 npm cache verify
以便它识别更新。
它是如何工作的? 实时服务器当前首先从页面中删除样式表(可能会丢失滚动位置),然后重新添加它。相反,我们的流程保留旧样式表,然后添加更新版本(因此同一 css 文件暂时有 2 个版本),然后终止旧版本,因此滚动位置永远不会失去焦点。
这些对我来说都不起作用。
我放弃了 live-server,选择了 Vite 的热模块替换
npm create vite@latest .
选择香草味就可以了
npm i
npm run dev
进入 vs code 设置 1) markdown> 滚动编辑器并预览 --> “关闭它” 2) markdown> 使用编辑器滚动预览 --> “关闭它”