如何使用 jQuery 知道 DOM 元素当前是否在屏幕上答案

【问题标题】：How can I know if an DOM element is currently on screen using jQuery如何使用 jQuery 知道 DOM 元素当前是否在屏幕上
【发布时间】：2009-06-19 19:24:28
【问题描述】：

是否有函数或插件可以告诉我当前是否显示了超过 50% 的 <div> 块？

我知道有 $.offset() 之类的东西，但我不想每次用户调整窗口大小或滚动到某个区域时都手动操作。

:visible 行中的某些内容，但当前可见。

谢谢！

【问题讨论】：

div 中的内容是什么？
该 div 仅包含一个带有纯文本的 <p>。

标签： javascript jquery dom

【解决方案1】：

如果您对“可见”的定义是“屏幕上超过 50% 的 div”，那么您将需要创建自己的函数来计算这一点。

您需要准确定义您正在计算的 <div> 的哪一部分 - 即边距、边框、隐藏在 scrollTop/scrollLeft 中的元素等...

【讨论】：

【解决方案2】：

这个聚会有点晚了，但确实有一个JQuery插件来解决这个问题：

Is On Screen插件可以从这里下载：http://plugins.jquery.com/node/16506/release还有a demo page

希望对您有所帮助。

【讨论】：