Système de sticky

Default
,

Bonsoir,
En realité je chercher a avoir le même effet de la nav barre que sur le site de grafikart (disparait au scroll down et appareil directement scroll up ) actuelment je reusi a faire disparaitre comment faire apparaitre?

    $(window).scroll(function() {
        var sc = $(this).scrollTop();
        if (sc > 253) {
            $('.nav').addClass('sticky');
        } else {
            $('.nav').removeClass('sticky');
        }
    });

Merci de m'aider pour ceux qui s'y connaisent.

1 Réponse

5574
,

Salut,
Je te laisse un code pen avec un exemple. Il suffit en réalité de connaître le sens du scroll.
Si il est vers le bas, alors on cache le menu, si il est vers le haut, on l'affiche.
https://codepen.io/lehollandaisvolant/pen/ryrrGx