$ 2.00

Tuto Cacher/Montrer un Menu en fonction de la direction du SCROLL avec jQuery, CSS

$ 2.00

  • Une formation vidéo de 17m18s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 !


Formateur : Adrien Gazaix

Adrien Gazaix a publié 115 tutoriels et obtenu une note moyenne de 4,8/5 sur 47 596 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de valerie-a77 laissé le 07/10/2018
    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.

  • 5
    avis de jefb31 laissé le 19/09/2018
    Merci beaucoup pour cet excellent tuto express , encore de belles notions pour augmenter mes skills Jquery .

  • 5
    avis de corvuscorax laissé le 18/09/2018
    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.
    "Merci de ton retour :) Oui ce n'est pas toujours simple de mettre un "niveau" sur un tuto. Et comme j'essaye de faire des vidéos de 15min à peu près je ne peux pas tout réexpliquer à chaque fois. Mais je me poserai la question pour les prochains, je mettrai peut-être "intermédiaire" ou sinon je préciserai dans la fiche qu'il faut avoir au moins les bases HTML/CSS/JQUERY pour regarder le tuto dans de bonnes conditions. A bientôt pour de nouvelles vidéos :)"

  • 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.
accédez à plus de 1143 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données