CATALOGUE Code & Data Formation Animate CC Maîtriser Adobe Animate CC 2017 - Ateliers parallaxe Gestion de ScrollTop et Lecture des Scénarios dans une Page Web

Gestion de ScrollTop et Lecture des Scénarios dans une Page Web

Récupération du scroll pour piloter des scénarios
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Adobe Animate CC 2017 - Ateliers parallaxe
Revoir le teaser Je m'abonne
Transcription
Cette leçon fait partie de la formation
29,89€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
Cette leçon fait partie de la formation
29,89€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Voir plus

Questions fréquentes

Pourquoi est-il important de différencier les navigateurs lors de la gestion de l'événement OnScroll?
Chaque navigateur peut gérer et interpréter les propriétés DOM différemment, ce qui nécessite des ajustements spécifiques pour assurer une compatibilité et un fonctionnement homogène.
Quels sont les deux types de gestion des symboles enseignés dans cette leçon?
La leçon enseigne une méthode où le déroulement des symboles est directement lié au scroll, et une autre où le scénario du symbole se déclenche automatiquement à un certain point dans la page.
Comment peut-on améliorer l'expérience utilisateur lors du scroll avec une molette?
En optimisant la fluidité des animations et en réduisant les saccades causées par les pas de la molette, par exemple en ajustant les intervalles de rafraîchissement ou en utilisant des techniques de lissage de défilement.