scroll2078

navigation bar behavior based on scroll bar

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

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

發表問題、評論、或檢舉該腳本。

換行

document.addEventListener('DOMContentLoaded', function () {
    const header = document.querySelector('.header');
    let lastScrollTop = 0;
    header.style.top = '-18px';

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

        let delta = scrollTop - lastScrollTop;

        if (delta > 0) {
            header.style.top = `-${header.offsetHeight}px`;
        } else if (scrollTop === 0) {
            header.style.top = '-18px';
        } else {
            let newTop = parseInt(header.style.top, 10) + Math.abs(delta);

            if (newTop > 0) newTop = 0;

            header.style.top = `${newTop}px`;
        }

        lastScrollTop = scrollTop;
    }

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

欢迎访问Greasy Fork镜像