Notez cet article

La gestion du scroll est souvent le point critique de beaucoup de sites. Le scroll de base est très ergonomique et intuitif, mais pour l’originalité ou une meilleure intégration, de nombreux sites de qualité décident d'utiliser à la place une solution moins standard. Et si le résultat est parfois bluffant, il est aussi parfois malheureusement très désagréable, car trop rapide ou (souvent) trop lent.

Pour éviter cela, je vous ai sélectionne une liste de 10 ressources permettant de jouer avec votre scroll de manière respectueuse. Prudence tout de même à ne pas briser votre expérience de navigation (et les molettes de souris de vos visiteurs !).

MultiScroll

Multi Scroll vous permet de faire apparaître vos pages via le scroll de deux blocs séparés, pour un résultat du plus bel effet.

multi scroll

Midnight

Midnight vous permet de changer l'header de votre page on-the-fly lors du scroll de votre page

midnight header change on scroll

Scroll Progress Bar

Cette ressource vous permet de matérialiser un index de toutes les sous-parties de votre page, avec une jauge de complétion de chaque partie. Assez intéressant pour les articles longs, tutoriaux ou formulaire one-page

progress bar on scroll

GridScrolling

GridScrolling est une ressource qui vous permettra de séparer votre contenu en blocs logiques. Vous pourrez ensuite organiser ces blocs verticalement et horizontalement pour une navigation cohérente.

Grid Scrolling

Block Scroll

BlocScroll vous propose une navigation de blocs en blocs. Intéressant pour contrôler à la perfection l'espace d'affichage.

full screen scrolling

StickUp

Envie de créer un menu (ou tout autre element) qui reste colle au haut de la page lors du scroll ? C'est exactement le rôle de StickUp.

StickUp

Scroll Magic

ScrollMagic vous permettra des créer des pages se construisant entièrement au scroll. Attention néanmoins à garder une navigation efficace !

scroll magic

JInvertScroll

Cette ressource jquery vous permet de transformer la navigation verticale de votre site en navigation horizontale.

J Invert Scroll

FadeThis

FadeThis est une ressource vous permettant d'animer votre page de manière subtile sors du scroll. Moins tape-à-l'oeil que Magic Scroll, mais pour un résultat bien plus respectueux des habitudes de navigations à mon avis

Fade This

Scroll Appear

ScrollAppear est un plugin jquery vous permettant de mettre en place un scroll infini sur votre page. Attention, sa mise en place vous demandera un peu plus de connaissances que les autres ressources de cette liste

Scroll Appear