Animacja aktywująca się przy wyświetleniu elementu w oknie przeglądarki

Question

Witam. Załóżmy, że na stronie mam div'a, który jest oddalony od górnej "ściany" przeglądarki o 5000px. Chciałem się dowiedzieć w jaki sposób mógłbym wywołać na nim animacje (lub jakikolwiek kod w js) dopiero gdy wyświetli się cały w oknie przeglądarki. Najlepiej w jquery, bo to właśnie jego się teraz uczę.

Answer 1

Można użyć IntersectionObserver API do wykrycia zmian w przecięciu się elementu względem parenta i - po sprawdzeniu, czy element jest w pełni widoczny - wywołać animację.

Answer 2

Using the Intersection Observer API to Trigger Animations and Transitions