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 :
Table des matières de cette formation JavaScript (durée : 39m12s)
-
- Mise en place du code HTML de base 00:07:13
- Mise en place du code CSS 00:07:26
- Calcul de la distance entre le haut du document et la barre de Nav 00:06:05
- On fixe la barre de nav à l'écran 00:07:30
- Modification de la barre de Nav une fois arrivée sur l'article 00:09:39
- Conclusion 00:01:19
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci pour ce prolongement de l'EXO#3. Il me semble que l'endroit de la seconde transition devrait tenir compte de la hauteur de la nav pour une meilleure précision...
-
Très bon tuto et bien expliqué
-
Merci pour ce tuto, toujours aussi clair et pédagogique. C'est un plaisir de suivre vos tutos.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source de l'exercice
note moyenne
avis laissés