如何使用javascript检测可见（视图中）元素

我的div（#图）比浏览器中的实际可见区域大#该图包含多达1500个“框”（其他div元素），我想知道这1500个框中的哪些对用户来说是真正可见的，以便在它们进入视图时使用ajax填充它们。我确实有一些工作代码，但这些代码会通过onscroll（）事件触发的所有元素。这在Chrome中非常有效，但当然我的客户端必须使用邪恶的浏览器IE8，在IE8中，滚动时所有元素的循环完全迫使我的应用程序屈服

当元素进入视图或任何其他选项以检测“真实”可见性时，是否会触发某种类型的事件

环境：jQuery/jQueryUI（最新）、Internet Explorer 8

提前感谢：-）

/cj参见-

滚动窗口时，事件会根据视口高度和scrollTop位置检查元素的位置

及

---

Lazy Load是一个用JavaScript编写的jQuery插件。它会延迟长网页中图像的加载。在用户滚动到视口外的图像（网页的可见部分）之前，不会加载这些图像

如果在呈现这些图像时只浏览一次所有框，并将它们分组到“页面”中会怎么样？这些页面是对[y1，y2]之间可见的DOM div的引用集合父分区的垂直坐标。您将有

/

页面。

---

您预加载第一页的内容，然后在每个滚动事件中检查是否应加载下一页框的内容。

据我所知，没有比检测滚动位置更好的方法了。你能展示你当前的代码吗？@Thomas展示代码很难——客户的考虑等等。我得做很多清洁工作。基本上，我通过ajax接收大量客户，并在js中使用jquery呈现客户并将其附加到div中。所有最低级别的div都是绝对定位的，以使它们与背景网格对齐。我根本无法启动inview事件。。。我有$（'.customer'）.bind（'inview'，函数（事件，可见）{alert（可见）；}）；但什么也没发生：-（位置：相对干扰什么吗？