scroll2078

Greasy Fork is available in English.

scroll2078

navigation bar behavior based on scroll bar

Fra og med 01.04.2024. Se den nyeste version.

Dette script bør ikke installeres direkte. Det er et bibliotek, som andre scripts kan inkludere med metadirektivet // @require https://update.greasyfork.org/scripts/491240/1352540/scroll2078.js

Ask a question, post a review, or report the script.

Wrap lines

document.addEventListener('DOMContentLoaded', function () {
    createElementNavbar();

    const header = document.querySelector('.header');
    let lastScrollTop = 0;

    header.style.top = '-20px';

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

        if (delta > 0) {
            header.style.top = '-72px';
        } else {
            let headerTop = Math.min(0, -52 + scrollTop);
            header.style.top = `${headerTop}px`;
        }

        lastScrollTop = scrollTop;
    }

    window.addEventListener('scroll', handleScroll);
});