Greasy Fork is available in English.
navigation bar behavior based on scroll bar
当前为
此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.greasyfork.icu/scripts/491240/1352608/scroll2078.js
document.addEventListener('DOMContentLoaded', function() {
const header = document.querySelector('.header');
let lastScrollTop = window.pageYOffset || document.documentElement.scrollTop;
header.style.transform = 'translateY(-16px)';
function handleScroll() {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
let delta = scrollTop - lastScrollTop;
if (scrollTop >= 0 && scrollTop <= 16) {
let translateYValue = -16 + scrollTop;
header.style.transform = `translateY(${translateYValue}px)`;
} else if (scrollTop > 16) {
header.style.transform = 'translateY(0px)';
}
lastScrollTop = scrollTop;
}
window.addEventListener('scroll', handleScroll);
});