# Libraires de défilement et de parallaxe
# Défilement
# ScrollMagic
Liens : Site Web (opens new window)
# PROS
- Fonctionnalités de scroll avancées (triggers, duration, progress, etc.).
- Complet. Pas de besoin de d'autres librairies liées au scroll.
# CONS
- Complexe à setup dans un environnement Nuxt.
- Peu intuitif, demande de regarder des exemples pour le comprendre.
- Principe de « Scene » n'est pas toujours souhaité
# Tornis
Liens : Site Web (opens new window)
# PROS
- Simplifie l'implémentation de window listener.
- Peut être jumelé avec plusieurs librairies d’animation.
# CONS
- N'offre rien de plus que du tracking de valeurs.
# Animation au défilement
# ScrollReveal
Liens : Site Web (opens new window)
# PROS
- Très simple à utiliser.
- Bien documenté.
- Peut être utilisée avec d’autres librairies d’animations.
# CONS
- Dépend d’autres librairies pour des animations plus complexes.
- Achat d’une licence est nécessaire.
- Petits bugs avec Nuxt
# Animate on Scroll (AOS)
Liens : Site Web (opens new window)
# PROS
- Simple à utiliser.
- Utilise des classes CSS pour faire les animations. Donc on peut les intégrer nous-mêmes.
# CONS
- Pollue le DOM avec des data properties.
- Difficile à utiliser avec d’autres libraires JS.
- Les event listeners ne fonctionnent pas très bien.
- ScrollReveal est meilleur.
# Parallaxe
# Rellax
Liens : Site Web (opens new window)
# PROS
- Très simple à utiliser
# CONS
- Offre seulement des animations en parallax simples.
- Peu de documentation.
- Difficile d’être précis au niveau de la vitesse du parallax.