paroller.js est un plugin jQuery qui va vous permettre de réaliser des scrollings parallax de manière simple et légère.
Les avantages de ce plugin jQuery :
- Léger
- Vous pouvez l’utiliser sur des éléments avec une propriété background ou sur tout autre élément
- Les éléments scrollés peuvent se déplacer de manière : verticale, horizontale, diagonale
- Manipulés via les attributs html data- *
- Fonctionne sur les supports mobiles
- Simple à utiliser
Utilisation simple de paroller.js :
Appel des librairies :
[pastacode lang= »markup » manual= »%20%20%20%20%3Cscript%20src%3D%22jquery-3.1.1.min.js%22%3E%3C%2Fscript%3E%20%0A%3Cscript%20src%3D%22jquery.paroller.min.js%22%3E%3C%2Fscript%3E%20″ message= » » highlight= » » provider= »manual »/]
Puis l’appel de la méthode :
[pastacode lang= »javascript » manual= »%24(window).paroller(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20factor%3A%200.3%2C%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20multiplier%20for%20scrolling%20speed%20and%20offset%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20type%3A%20’foreground’%2C%20%20%20%20%20%2F%2F%20background%2C%20foreground%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20direction%3A%20’horizontal’%20%2F%2F%20vertical%2C%20horizontal%2C%20TODO%3A%20diagonal%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B » message= » » highlight= » » provider= »manual »/]
Rendez vous sur la page de démo du plugin afin de découvrir toutes les options et possibilités : ici
Rendez vos sites dynamiques et agrémentez les d’animations via paroller.js, un plugin jQuery que vous pouvez télécharger ici : https://tgomilar.github.io/paroller.js/
Bon code à tous !