Greasy Fork

scroll2078

navigation bar behavior based on scroll bar

目前为 2024-04-01 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.greasyfork.cloud/scripts/491240/1352693/scroll2078.js 

document.addEventListener('DOMContentLoaded', function() {
    const header = document.querySelector('.header');
    header.style.transform = 'translateY(-16px)';

    window.addEventListener('scroll', function() {
        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;

        if (scrollTop >= 0 && scrollTop <= 16) {
            header.style.transform = `translateY(${-16 + scrollTop}px)`;
        } else {
            header.style.transform = 'translateY(0px)';
        }
    });
});