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

Question

是否有一个函数或插​​件告诉我当前是否正在显示超过50％的<div>块？

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

:visible的某些内容，但目前可见。

谢谢！

Answer 1

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

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

Answer 2

这个派对有点晚了，但确实有一个JQuery插件：

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

希望有所帮助。