jquery - 测试 jQuery 中元素的可见性

标签 jquery visibility

确定元素在页面上是否真正可见的最佳方法是什么?像素的变化既是因为元素没有通过 CSS 隐藏,又是因为元素位于可滚动区域的可见部分(窗口或某些溢出的 block 元素)?

我想我需要首先针对元素及其父元素检查 .is(':hidden') 。然后,我需要遍历所有父元素和窗口,检查溢出滚动/自动/隐藏,然后将该父元素的滚动位置和大小与原始元素的位置和大小进行比较。我还需要检查绝对定位并查看 z 索引。

有没有更简单的方法?

最佳答案

有一个插件可以做到这一点。 jQuery inview event plugin

关于jquery - 测试 jQuery 中元素的可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2953455/

相关文章:

javascript - GAS按钮或输入[提交]保持刷新页面?为什么?

Java 同步和内存可见性。 10对其他线程可见吗?

jQuery BootGrid - 隐藏数据可见的列 ="false"从 DOM 中删除

Javascript:我可以访问隐藏 iframe 中加载的文件的源吗

jquery - jQuery .ajax() 是否需要 CSRF token ?

javascript - $(event.target).closest().length 隐藏 div 并不总是有效。还有其他选择吗?

Java模块: Have access to a access to an object but unable to create the object

wpf - WPF 中的实际可见性

javascript - JQuery 将浏览器标题设置为模糊,以便在没有焦点的情况下工作

javascript - 使用自定义 HTML 而不是 URL 打开新选项卡