Cacher le menu on scroll

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
A voir également:

2 réponses

Réponse 1 / 2
Roipirau Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   1
 
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
Réponse 2 / 2
Celio
 
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

Discussions similaires

Modifier annonce Leboncoin sans payer
BourrinOman83 -
chantal -

13 réponses
mise à jour boitier X96 mini
Brunoche -
Vico -

3 réponses