我正在寻找如何检查页面上的给定元素是否在视口(viewport)中的解决方案。网上有很多 Vue 版本 2 的现成解决方案,但是我找不到可以在 Vue 3 中工作的东西。我可以在 Vanilla JS 中完成,但我只是在学习 Vue 3 框架,我不知道怎么做才对。请帮忙。
最佳答案
对于 Vue 3,有一个流行的基本 Vue 组合实用程序集合,称为 https://vueuse.org/ .是有实用程序https://vueuse.org/core/useElementVisibility/ ,这就是(可能)你正在寻找的东西。它附带了一个很好的代码示例,如何使用它以及一个指向源代码的链接,以便您研究它是如何实现的。
关于javascript - VUE 3我如何检查元素何时在视口(viewport)中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67785854/