我很难为这个观察找到合适的标题。但我很确定对此有一个很好的解释。我正在开发一个页面，根据我添加到 domElement 的滚动事件侦听器，在其中显示/隐藏一堆项目。该页面使用 VueJS3 构建，我使用 Vite dev 命令运行它。
我一直在 Firefox 中开发该页面，只是想看看它是否可以在 Safari 和 Chrome 上运行。在这两个浏览器中都没有显示我的元素。所以，我启动了开发工具。令我惊讶的是，启用 devtools 解决了这个问题。我已经录制了一段视频来向您展示差异。
Firefox 已经警告我这种方法可能会给我带来麻烦。由于它显示以下警告“此站点似乎使用滚动链接定位效果。这可能不适用于异步平移；请参阅 https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects 了解更多详细信息并加入有关相关工具和功能的讨论！”< /p>
该链接指向一个已弃用的页面，该页面显示了一些示例和一些潜在的替代方案，这些内容非常多，因为它们不仅仅是滚动事件。另外，它没有解释如何切换开发工具“修复”我的错误。我想知道为什么切换开发工具可以解决我的问题，以及我应该寻找什么方法/技术来实现跨浏览器的滚动效果。