Mettre en œuvre le Scroll Automatique
Objectifs
Les objectifs de cette vidéo incluent l'apprentissage de la manipulation de la propriété scrollTop, l'utilisation des conditions pour gérer la compatibilité entre différents navigateurs, et la mise en place d'animations fluides avec CreateJS.
Résumé
Découvrez comment animer la valeur du scroll pour créer un effet de défilement automatique en JavaScript.
Description
Dans cette leçon, nous allons explorer la manière de créer un scroll automatique avec JavaScript, en animant la valeur du scroll. Nous commencerons par définir une fonction pour contrôler la position du scroll sur la page en utilisant la propriété scrollTop. Cette fonction acceptera deux paramètres : la destination du scroll et la vitesse de l'animation.
Nous aborderons également la compatibilité avec différents navigateurs, en utilisant des conditions pour détecter et cibler des navigateurs spécifiques comme Firefox, Internet Explorer et Google Chrome. Ensuite, nous réaliserons une animation fluide en utilisant CreateJS pour appliquer l'effet de scroll. Finalement, nous mettrons en place des boutons interactifs qui permettront aux utilisateurs de naviguer automatiquement vers le bas ou le haut de la page, ou vers une position intermédiaire personnalisée.
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
