4.8/5 Trustpilot (1385 avis)
JS moderne, EXO #3 : Fixer une barre de navigation au scroll
JS moderne, EXO #3 : Fixer une barre de navigation au scroll
Pour ce nouvel exercice dédié à la pratique du JavaScript moderne, nous allons nous amuser à donner des effets CSS sur une barre de navigation sous des conditions liées au JavaScript.
- Tout d'abord, nous fixerons la barre de navigation à l'écran lorsque celle-ci arrivera au sommet de la page web.
- Puis lorsque l'utilisateur continuera de descendre sur la page web et qu'il arrivera sur une nouvelle zone, alors nous aplliquerons d'autres propriétés CSS à notre barre de navigation.
Pour suivre ce tutoriel dans de bonnes conditions, il est recommandé de connaître :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place du code HTML de base
Mise en place du code HTML de base
Leçon 2
Mise en place du code CSS
Mise en place du code CSS
Leçon 3
Calcul de la distance entre le haut du document et la barre de Nav
Calcul de la distance entre le haut du document et la barre de Nav
Leçon 4
On fixe la barre de nav à l'écran
On fixe la barre de nav à l'écran
Leçon 5
Modification de la barre de Nav une fois arrivée sur l'article
Modification de la barre de Nav une fois arrivée sur l'article
Leçon 6
Conclusion
Conclusion
Table des matières
Leçon 1
Mise en place du code HTML de base
07m13
Leçon 2
Mise en place du code CSS
07m26
Leçon 3
Calcul de la distance entre le haut du document et la barre de Nav
06m05
Leçon 4
On fixe la barre de nav à l'écran
07m30
Leçon 5
Modification de la barre de Nav une fois arrivée sur l'article
09m39
Leçon 6
Conclusion
01m19
Aperçus
Avis des apprenants