Gestion de l'Événement OnScroll et des Scénarios de Symboles
Objectifs
Maîtriser la manipulation de la propriété ScrollTop, apprendre à déclencher des scénarios de symboles basés sur la position de défilement, et optimiser la fluidité pour diverses tailles de fenêtres et navigateurs.
Résumé
Découvrez comment animer et récupérer la propriété ScrollTop pour gérer les scénarios des symboles clip posés sur la scène dans une page web.
Description
Dans cette leçon, nous explorons les techniques pour animer la propriété ScrollTop, qui définit la position de l'ascenseur dans la page. Nous apprendrons à récupérer la valeur de ScrollTop afin d'agir sur la lecture des scénarios des symboles clip posés sur la scène. Nous aborderons également l'utilisation de l'événement OnScroll pour déclencher des fonctions lors du défilement de la page, et les différences à prendre en compte entre divers navigateurs comme Firefox, Internet Explorer et Google Chrome.
La leçon vous guide sur la manière de tracer la valeur récupérée de ScrollTop pour la piloter efficacement, et introduit deux méthodes pour gérer les symboles: l'une attachée directement à la valeur du scroll et l'autre déclenchée automatiquement à un certain point.
Nous verrons enfin comment ajuster ces techniques pour une meilleure fluidité et adaptabilité, en particulier pour les pages responsives et les défis spécifiques de certains navigateurs.
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
