Introduction et problématiques
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre les différences de réactivité du scroll molette entre les navigateurs.
- Apprendre à intégrer des bibliothèques JavaScript pour uniformiser cette interaction.
- Améliorer la fluidité et l'esthétique des animations sur des pages parallaxes.
Résumé
Apprenez à standardiser le scroll molette sur différents navigateurs pour une animation plus fluide.
Description
Tous les développeurs ayant travaillé sur des pages parallaxes ont dû faire face à une différence d'interprétation du scroll molette selon les navigateurs. Ce tutoriel montre comment utiliser des bibliothèques JavaScript comme jQuery et Twinmax pour homogénéiser cette interaction. Vous verrez comment modifier les paramètres de publication et ajuster la réactivité pour obtenir un lissage du scroll efficace dans Google Chrome, Firefox et Internet Explorer.
Bien que ces bibliothèques puissent alourdir le chargement de la page, elles permettent de résoudre le problème disgracieux observé notamment dans Internet Explorer. La leçon inclut une démonstration et des étapes détaillées pour intégrer ces scripts en ajustant les paramètres de publication et la responsivité de la page. À la fin de la leçon, vous disposerez des connaissances nécessaires pour améliorer la fluidité des animations sur des pages parallaxes.
Questions - réponses
Programme détaillé
Module 1 - Filtrage du navigateur
Module 2 - Créer une page avec parallaxe souris
Module 3 - Créer une page avec parallaxe au scroll
Module 4 - Piloter le scénario d'un Clip à la molette
Module 5 - Piloter le scénario d'un Clip au clavier
