☰

scroll2078

navigation bar behavior based on scroll bar

目前為 2024-04-01 提交的版本，檢視 最新版本。

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.cn-greasyfork.org/scripts/491240/1352510/scroll2078.js 

document.addEventListener('DOMContentLoaded', function () {
    const header = document.querySelector('.header');
    header.style.top = '-18px'; // Initial position of the header

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

        if (scrollTop <= 18) {
            header.style.top = `${-18 + scrollTop}px`;
        } else {
            header.style.top = '0px';
        }
    }

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