scroll - Webkit 滚动事件问题

Question

我很难为这个观察找到合适的标题。但我很确定有一个很好的解释。我正在开发一个页面，在其中显示/隐藏一堆项目，基于我添加到 domElement 的滚动事件侦听器。该页面是使用 VueJS3 构建的，我使用 Vite dev 命令运行它。

我一直在用 Firefox 开发这个页面，只是想看看它是否能在 Safari 和 Chrome 上运行。在这两个浏览器中都没有显示我的元素。所以，我启动了开发工具。令我惊讶的是，启用 devtools 解决了这个问题。我录制了一个视频来向您展示差异。

https://youtu.be/JNqgRt8_M-Q

Firefox 已经警告我，这种方法可能会给我带来麻烦。由于它显示以下警告“此站点似乎使用滚动链接定位效果。这可能不适用于异步平移；请参阅https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects了解更多详细信息和加入讨论相关工具和功能！”

该链接指向一个已弃用的页面，该页面显示了一些示例和一些潜在的替代方案，这些示例和一些潜在的替代方案非常简单，因为它们不仅仅是滚动事件。另外，它没有解释如何切换开发工具“修复”我的错误。我想知道为什么切换开发工具可以解决我的问题，以及我应该寻找什么方法/技术来实现跨浏览器的滚动效果。

标签： scrollwebkitevent-listener