javascript - Bagaimanakah JS memuatkan imej secara dinamik menentukan sama ada imej itu berada pada skrin?

Question

Tatal ke bawah dengan tetikus dan muatkan imej apabila kawasan sasaran muncul pada skrin Jadi bagaimana untuk menentukan sama ada kawasan sasaran muncul pada skrin?

Answer 1

Gunakan kaedah getBoundingClientRect() imej untuk mengembalikan kiri, atas, kanan dan bawah berbanding port pandangan
untuk menentukan sama ada ia berada dalam port pandangan.

Rujuk getBoundingClientRect

Answer 2

Kira jarak dari imej ke kepala halaman, dan kemudian mengesan jarak tatal bar skrol