10 ressources pour jouer avec le scroll de vos prochains projets
Vous souhaitez mettre votre solution en avant en haut de cet article ? Contactez-nous
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.
Midnight
Midnight vous permet de changer l'header de votre page on-the-fly lors du scroll de votre page
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
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.
Block Scroll
BlocScroll vous propose une navigation de blocs en blocs. Intéressant pour contrôler à la perfection l'espace d'affichage.
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.
Scroll Magic
ScrollMagic vous permettra des créer des pages se construisant entièrement au scroll. Attention néanmoins à garder une navigation efficace !
JInvertScroll
Cette ressource jquery vous permet de transformer la navigation verticale de votre site en navigation horizontale.
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
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