GSAP ScrollTrigger - Gotham

Pour cet exercice, nous allons créer une synchroniser le générique de l’émission Gotham avec le défilement de la page.

Aperçu du résultat 👇

Matériel

Pen de départ 

Les librairies GSAP et ScrollTrigger sont déjà incluses dans le Pen de départ.

Requis

  1. Au défilement de la page, faites en sorte que le lecteur vidéo se fige au centre de l'écran.

  2. Déplacez la tête de lecture de la vidéo en fonction de la progression du défilement de la page. Lorsque le start croise le scroller-start, le générique devrait-être au début et lorsque le end croise le scroller-end le générique devrait être rendu à la fin.

Notes de cours 📚