10 ressources Javascript centrées sur l’utilisation du scroll

Le 28/01/2016

Aujourd'hui, le BlogDuWebdesign vous propose une liste de ressources Javascript centre sur les interactions avec le scroll de vos utilisateurs. Déplacement souple quel que soient le navigateur, barre de scroll customisables, ou parallax et apparitions dynamiques d'éléments, il y en a pour tous les gouts !

AnchorScroll

AncrorScroll est un plugin permettant de fluidifier les transitions entre les ancres de votre site. Très personnalisable, cette ressource permet aussi d'effectuer des actions juste avant ou a la fin d'un mouvement, ce qui peut être très pratique.

Stellar.js

Stellar.js est une librarie parallax que je trouve très agréable à utiliser.

Waypoints

Avez-vous déjà eu envie de lancer une animation pile au passage d'un element ? C'est exactement ce que vous propose Waypoints

Scroll Reveal

Comme son nom l'indique, ScrollReveal permet de charger et faire apparaitre vos éléments lors du scroll, pour ajouter un peu de dynamisme à votre site.

WOW

Wow. Ce plugin permet de déclencher des animations CSS au scroll. Such plugin.

Nano scroller

Nano scroller et Perfect Scrollbar sont deux scrollbars personnalisables. Je ne saurais trop laquelle vous conseiller, je n'en ai utilisé aucune pour l'instant, mais la bibliothèque que j'utilisais pour cela n'est plus maintenue, donc cela ne saurait tarder.

Scroll Progress

ScrollProgress affiche une petite barre de progression personnalisable lors du scroll de votre site.

Zone dangereuse

Les plugins suivants sont à utiliser avec parcimonie. En effet, leur utilisation peut avoir des effets inattendus sur les navigateurs et/ou la patience de vos utilisateurs.

Faites vos tests navigateurs avec la plus grande attention, et garder à l'esprit ce que vos visiteurs sont venus chercher sur votre site.
Pour plus d'informations, je vous propose la lecture d'un article dédié au sujet : Les dangers du Scroll-jacking pour l’expérience utilisateur