
Bundle : Intégrer un menu avec jQuery en 3 exercices pratiques

Dans ce tuto vidéo, nous allons voir ensemble comment cacher ou montrer un Menu en fonction de la direction du scroll.
Nous aurons donc un effet d'animation pour cacher le menu vers le haut lorsque l'internaute va descendre dans la page. Puis dès qu'il va commencer à remonter nous le ferons réapparaître pour qu'il puisse continuer sa navigation.
Cela permet d'offrir plus de confort au lecteur qui lit un article par exemple, en lui cachant le menu quand il n'en a pas besoin.
Nous utiliserons pour cela du CSS3 et du jQuery.
Vous trouverez les fichiers de départ et finaux dans les sources fournies avec le tutoriel.
Je reste bien évidemment disponible dans le salon d'entraide si vous avez des questions pendant ou après le visionnage.
Bon tuto !
Quel est le niveau requis pour suivre ce tuto ?
Que contient le fichier source ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

Bundle : Intégrer un menu avec jQuery en 3 exercices pratiques

Créer un menu en surimpression

Créer un Sticky menu qui reste visible à tout instant

JS moderne, EXO #9, Modifier la Nav sur l'événement scroll

10 Exercices pratiques pour vous améliorer en jQuery

Créer une Navbar Intelligente : Apparition au Scroll avec CSS & JS

JS moderne, EXO #3 : Fixer une barre de navigation au scroll

Créer un menu mobile responsive

Comment changer le background de la page lors d'un hover sur une liste d'items

Un mini-menu pour scroller dans vos pages avec jQuery
Avis des apprenants