Apprenez à cacher ou montrer un menu en fonction du scroll
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 !
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Je suis débutante au niveau jQuery mais je n'ai pas de problème pour suivre. Sinon il suffit de faire pause ou retour arrière, c'est une vidéo. Après c'est histoire de la compréhension. Bon, j'ai déjà fait un ou deux tutos sur le jQuery donc je commence à m'habituer même si j'ai encore du chemin à faire :-) En tout cas merci pour ce tuto. Perso je ne l'ai trouvé ni trop court ni trop long, juste ce qu'il faut, quand on part du principe que si on met un pied dans le jQuery, le html et le css doivent faire partie des acquis.
-
Merci beaucoup pour cet excellent tuto express , encore de belles notions pour augmenter mes skills Jquery .
-
Très bon tuto ,même s'il ne s'adresse pas aux débutants car il faut bien connaitre Jquery, mais sinon très pédagogique et instructif. Je recommande.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?jQuery 3, jQuery , CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Les fichiers de départ & finaux.
note moyenne
avis laissés