防止 Vscode live server 在保存时向上滚动

Question

每次我在 stlye.css 上写一些东西并保存（或等待实时服务器刷新）时，它都会向上滚动我的页面......这真的很烦人，有人知道如何防止这种行为吗？

Answer 1

解决这个问题的技巧是执行以下操作

在程序可视化代码中： 文件 -> 首选项 -> 设置

在设置页面下拉扩展，然后单击实时服务器配置

勾选方框： 设置：完全重新加载

它会停止您要求的滚动位置的更改。

但是，如果它从页面顶部（至少在 Chrome 中）向下滚动到保存/重新加载时所在的滚动位置，那是因为您使用了：

html {    
    scroll-behavior: smooth;
}

只需在开发中将其注释掉（如果您有/使用它）并希望防止这种情况发生。

其他用户的输入： 注意：您必须停止实时服务器并重新启动才能看到更改 （发生在我身上）

Answer 2

转到实时服务器扩展并禁用然后启用它（不要忘记重新加载窗口

Answer 3

通过执行以下两步过程解决了我的问题：

1. 在 Live Server 扩展设置中启用完全重新加载。看看是否可以解决问题。

2. 替换全局

   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 个版本），然后终止旧版本，因此滚动位置永远不会失去焦点。

Answer 4

这些对我来说都不起作用。

我放弃了 live-server，选择了 Vite 的热模块替换

npm create vite@latest .

选择香草味就可以了

npm i
npm run dev

Answer 5

进入 vs code 设置 1) markdown> 滚动编辑器并预览 --> “关闭它” 2) markdown> 使用编辑器滚动预览 --> “关闭它”