scroll2078

Greasy Fork is available in English.

Informatie
Code
Geschiedenis
Feedback (0)
Statistieken

scroll2078

navigation bar behavior based on scroll bar

Per 30-03-2024. Zie de nieuwste versie.

Dit script moet niet direct worden geïnstalleerd - het is een bibliotheek voor andere scripts om op te nemen met de meta-richtlijn // @require https://update.greasyfork.org/scripts/491240/1351476/scroll2078.js

Stel een vraag, plaats een beoordeling of rapporteer dit script.

Regels afbreken

document.addEventListener('DOMContentLoaded', function () {
    const header = document.querySelector('.header');
    let lastScrollTop = 0;

    function handleScroll() {
        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;

        if (scrollTop > lastScrollTop) {
            header.style.top = '-52px';
        } else {
                header.style.top = '0';
            
        }

        lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
    }

    handleScroll();

    window.addEventListener('scroll', handleScroll);

});