Navbar qui s’affiche avec scroll haut et se masque avec scroll bas

Bonjour,

Je cherche à faire apparaître (« en glissade ») le menu de navbar lors d’un scroll haut de la page (également sur mobile) et le masquer lors d’un scoll bas.

J’ai trouvé ce qu’il me faudrait adapter à mon site (sous Bootstrap 4.x) : https://codepen.io/Mhmdhasan/pen/mAdaQE/ mais la solution qui a été retenue est en jQuery.

Pour des questions de pérennité, je voudrais avoir un équivalent en javascript pur.

Avez-vous un bout de code sous la main ?

Merci.
(je continue de chercher sur le net)
Modifié par myself (11 Dec 2019 - 15:00)

Salut,

A priori il n'y a pas tellement d'intérêt au jquery pour cet exemple, tu vas juste utiliser l'event onscroll.
Pour un exemple sans jquery : https://www.w3schools.com/jsref/event_onscroll.asp

Ensuite tu as juste à reprendre la logique pour voir si ça monte ou si ça descend.