Le scrolling est sans doute l'interaction avec les pages web qui aura ete la plus maltraites ces dernières années. Réutilisé pour divers animations, travesti et contraint en scrolling horizontal ou nécessitant un glisse-déposé, ce pauvre scrolling en aura vu de dur.

Pourtant, son rôle est simple et évident : permettre a l'utilisateur de faire défiler le contenu de la page, et afficher la "progression de lecture" de la page actuelle. Pour garder cette idée en tête, et vous donner des idées de modifications respectueuses de ce rôle propre, j'ai choisi aujourd’hui'hui 15 exemples d'intégrations jouant sur les scrollings : parallaxe, dynamisation d'éléments au scroll, affichage du pourcentage de contenu restant a voir, et j'en passe.

Bonne découverte.

 

Parallax

Apparitions au scroll

Différents vitesses de scroll

Infinite Scrolling

Blur on scroll

Kitten masking

 

Animation au scroll

 

Positions des titres

 

Invitation au scroll

Custom scroll bars

 

Scrollbar annotations

Scroll percentages

Scroll Shadows

Nice Scrolling

 

Mighty Scrolling

 

 

Scroll menu in a card