Introduction à l'Animation au Défilement
Objectifs
Les objectifs de cette vidéo sont d'apprendre :
- Comment intégrer jQuery dans un projet web
- À manipuler les éléments DOM pour créer des animations de défilement
- À utiliser la méthode ScrollTop pour gérer la position des éléments sur la page
Résumé
Dans cette leçon, découvrez comment réaliser une page web où les éléments apparaissent en douceur lorsque vous défilez. Utilisez jQuery pour animer l'apparition des éléments visuels.< /p>
Description
Dans cette leçon, nous apprenons à créer une page web où les différentes parties des éléments apparaissent en douceur lorsque celles-ci entrent dans la zone de visibilité de l'utilisateur. Pour ce faire, nous intègrerons jQuery afin de manipuler les éléments HTML et de les rendre visibles avec une animation de fondu. Nous utiliserons ScrollTop et la manipulation des classes en jQuery pour détecter la position des éléments et déterminer le moment où ils doivent apparaître.
L'objectif est de créer un effet similaire au lazy loading mais centré avant tout sur l'aspect graphique. Cela signifie que les éléments sont masqués par défaut avec le CSS et deviennent visibles à l'aide d'une animation lorsque l'utilisateur défile la page.
Questions - réponses
Programme détaillé
Module 1 - Introduction à la formation HTML5 et CSS3 Part 4
Module 2 - Initiation javascript et jQuery
Module 3 - Déplacements et apparition
Module 4 - Gestion audio et video
Module 5 - Réaliser des menus
Module 6 - Présenter des images
Module 7 - Technologie Ajax
Module 8 - Les formulaires
Module 9 - Les images
Module 10 - Autres
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.
Merci.