javascript - Comment JS charge-t-il dynamiquement les images pour déterminer si l'image est à l'écran?

Question

Faites défiler vers le bas avec la souris et chargez l'image lorsque la zone cible apparaît à l'écran. Alors, comment déterminer si la zone cible apparaît à l'écran ?

Answer 1

Utilisez la méthode getBoundingClientRect() de l'image pour renvoyer la gauche, le haut, la droite et le bas par rapport à la viewport
afin de déterminer si elle se trouve dans la fenêtre.

Référez-vous à getBoundingClientRect

Answer 2

Calculez la distance entre l'image et l'en-tête de la page, puis détectez la distance de défilement de la barre de défilement