8,00 au lieu de 10,00

Tuto JS moderne, EXO #9, Modifier la Nav sur l'événement scroll avec JavaScript opération spéciale -20% jusqu'au 20 août, 23:00

8,00 au lieu de 10,00

  • Une formation vidéo de 39m12s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
JS moderne, EXO #9, Modifier la Nav sur l'événement scroll

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

Bundle 10 exercices 100% frontend HTML, CSS et JS

-28% de réduction

voir les détails du bundle


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



Formateur : Carl Brison

Carl Brison a publié 270 tutoriels et obtenu une note moyenne de 4,9/5 sur 17 248 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

4,8
note moyenne

4
avis laissés
5 étoiles
3
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0

  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code source de l'exercice
Parcours Developpeur Front End
accédez à plus de 1465 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données