JavaScript
0
Вклад в тег
// hide header on scroll down show on scroll up
const scroll = document.getElementById("site-header");
const scrollUp = "scroll-up";
const scrollDown = "scroll-down";
let lastScroll = 0;
window.addEventListener("scroll", () => {
const currentScroll = window.pageYOffset;
if (currentScroll <= 0) {
scroll.classList.remove(scrollUp);
return;
}
if (currentScroll > lastScroll && !scroll.classList.contains(scrollDown)) {
// down
scroll.classList.remove(scrollUp);
scroll.classList.add(scrollDown);
} else if (
currentScroll < lastScroll &&
scroll.classList.contains(scrollDown)
) {
// up
scroll.classList.remove(scrollDown);
scroll.classList.add(scrollUp);
}
lastScroll = currentScroll;
});
Средний
Средний
