scroll2078

navigation bar behavior based on scroll bar

Pada tanggal 01 April 2024. Lihat %(latest_version_link).

Skrip ini tidak untuk dipasang secara langsung. Ini adalah pustaka skrip lain untuk disertakan dengan direktif meta // @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);
});