Cacher le menu on scroll
Celio
-
Celio -
Celio -
Bonjour à tous,
Une idée comment modifier le code ci-dessous pour que le menu ne se cache qu'à partir d'un certain nombre de pixels scrollés et non pas dès le premier pixel scrollé ;
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_navbar_hide_scroll
D'ores et déjà pour votre aide et belle soirée à tous,
Celio
Une idée comment modifier le code ci-dessous pour que le menu ne se cache qu'à partir d'un certain nombre de pixels scrollés et non pas dès le premier pixel scrollé ;
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_navbar_hide_scroll
D'ores et déjà pour votre aide et belle soirée à tous,
Celio
2 réponses
-
Salut,
J'ai mis 500 mais tu peux mettre ce que tu veux:var prevScrollpos = window.pageYOffset; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (500 > currentScrollPos) { // remplacer le 500 par ce que tu veux document.getElementById("navbar").style.top = "0"; } else { document.getElementById("navbar").style.top = "-50px"; } prevScrollpos = currentScrollPos; } -
Hello,
Merci pour ta réponse rapide!
Je vois que la disparition et l'apparition sont relatives à la valeur que j'insère (500 dans ton exemple). Et autant j'aimerais effectivement que le menu disparaisse dès 500px, autant j'aimerais que dès la remontée sur ma page, le menu réapparaisse dès le premier pixel.
Merci encore pour ton aide! C'est chouette!
Je suis navré, je suis vraiment une pive. Je débute!
