Ajouter une classe à un élément lors du défilement vertical via jQuery

Un long titre pour quelque chose de finalement très simple. Imaginons que vous ayez envie d’avoir un header d’une apparence différente quand l’internaute fait un peu défiler (scroll) la page vers le bas.

C’est très simple à faire via jQuery. Dans l’exemple ci-dessous, on ajoute la classe compact à l’élément header quand l’utilisateur fait défiler la page vers le bas de la page de plus de 100 pixels. Et quand il revient en haut de la page, on enlève la classe. Tout simplement.

Leave a comment