Javascript 当用户加载并看到网页上的图像时采取措施

当网页上的图像被加载并被用户看到时（图像不隐藏在可滚动区域），我需要采取行动（调用WEB URL）。如果用户向下滚动，图像显示出来，那么我们将采取相同的操作

这可能吗？使用AJAX和Javascript焦点？焦点是否区分（a）已加载并显示在屏幕上的图像和（b）已加载但未显示的图像（因为它们仍在可滚动页面下方）

非常感谢你的帮助

---

谢谢

您可以钩住图像的onload事件和容器上的onscroll事件

---

使用数学方法查看图像偏移是否在视口中（在onscroll内），并检查图像是否已加载-当两个条件都满足时，您已到达目的地。

查看以下属性：

document.body.scrollTop

，

document.body.clientHeight

和

image.offsetTop

---

每次页面滚动（

window.onscroll

）时使用这些选项进行快速计算应该可以让您知道图像是否可见。

也许这个答案可以帮助您：