javascript - Wie ermittelt JS beim dynamischen Laden von Bildern, ob das Bild auf dem Bildschirm angezeigt wird?

Question

Scrollen Sie mit der Maus nach unten und laden Sie das Bild, wenn der Zielbereich auf dem Bildschirm erscheint. Wie kann man also feststellen, ob der Zielbereich auf dem Bildschirm erscheint?

Answer 1

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

参考getBoundingClientRect

Answer 2

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