Wykrywanie przewinięcia strony

Question

Jak zrobić, że po przewinięciu strony o np 400px pojawia się jakiś ukryty blok, najlepiej żeby dodawać klasę, a po powrocie usuwa ją?

Jak sprawdzać, czy strona została przewinięta, ale bez jQuery.

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onscroll

Potem z eventu pobierasz właściwość pageY i sprawdzasz czy ma odpowiednią wysokość. Jeśli tak to nadajesz tam jakąś klasę.

Answer 2

Sprawdzać odległość do krawędzi tego elementu --> BouncingClientRect