How can I make the menu disappear when scrolling?

Question

css

How can I make the menu pinned to the top disappear when scrolling down (at the anchor), and appear when scrolling up again (above the anchor)?

Answer 1

$(window).bind('scroll', function () {
        if ($(window).scrollTop() > 50) {
            $('.fixed-scroll').addClass('scrolled');
        } else {
            $('.fixed-scroll').removeClass('scrolled');
        }
    });