javascript - Js动态加载图片是怎么判断图片在屏幕中的？

Question

鼠标往下滚动，当目标区域出现在屏幕区域的时候加载图片，那么怎么判断这个目标区域出现在屏幕中了？

Answer 1

通过图片的getBoundingClientRect()方法，返回相对于视口的left、top、right和bottom
判断在不在视口内。

参考getBoundingClientRect

Answer 2

计算图片到页面头部的距离，然后检测滚动条滚动的距离