Cacher le menu on scroll

Fermé
Celio - Modifié le 12 juin 2020 à 18:33
 Celio - 12 juin 2020 à 20:23
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
A voir également:

2 réponses

Roipirau Messages postés 16 Date d'inscription mercredi 18 septembre 2019 Statut Membre Dernière intervention 18 juillet 2020 1
Modifié le 12 juin 2020 à 19:05
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;
}
0
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!
0