javascript - JS は画像を動的にロードして、画像が画面上にあるかどうかをどのように判断しますか?

Question

マウスを下にスクロールすると、対象領域が画面上に表示されると画像が読み込まれますが、対象領域が画面上に表示されるかどうかはどのように判断すればよいでしょうか。

阿神 · Answer

画像のgetBoundingClientRect()メソッドを使用して、ビューポートを基準とした左、上、右、下の
を返し、それがビューポート内にあるかどうかを判断します。

getBoundingClientRectを参照

高洛峰 · Answer

画像からページの先頭までの距離を計算し、スクロールバーのスクロール距離を検出します