Javascript 当元素通过滚动进入溢出DIV的可见部分时作出反应

我的问题更多的是“你将如何处理这个”类型的问题，而不是我问的具体代码

目前的情况是：

在我的网站上，有一个我展示我的摄影作品的部分。照片显示在一个溢出的DIV中；如果用户想看到更多的照片，他们可以滚动浏览溢出。从用户交互角度看，我非常喜欢这个系统，但当然它也有缺点，当用户进入页面时，所有照片都会被加载。用户看不到这一点，因为丢失的图像隐藏在溢出中，但由于一些用户甚至对我的照片根本不感兴趣，因此产生了大量不必要的流量

我的理想解决方案是这样的：我想将一些照片标记为“立即加载”（比如溢出中的第二十一张照片），将所有剩余的照片标记为“动态加载”（溢出中的所有剩余照片）。现在，当用户在溢出中滚动时，网站应该始终尝试“保持领先”用户已经看到的20张照片，这样他就不会注意到动态加载（因此，如果用户在DIV中滚动到足以看到7张照片，那么网站应该动态地决定加载照片21到27，以及从一开始就已加载的照片1到20，因为它们被标记为“立即加载”）

有没有一个事件会在之前由于溢出而不可见的图像由于滚动而进入DIV的可见部分时触发？然后我会对此做出反应

也许你有一些完全不同的想法来处理这个问题。我想要一些“基本的”JavaScript解决方案。

你应该考虑使用。 你也可以实现基于自己的解决方案。但是，这可能需要多填充不支持的浏览器。

你应该考虑使用。

---

您也可以基于实现自己的解决方案。但是，这可能需要使用不受支持的浏览器。

不确定这是否是最佳解决方案，但我使用了类似于函数scrollFunction（）{your code}的内容要了解您滚动了多少，您可以使用element.scrollTop；不确定这是否是最佳解决方案，但我使用类似于函数scrollFunction（）{your code}的方法来了解您滚动了多少，您可以使用element.scrollTop；