dokkie
Version:
Create good looking documentation from your Readme
26 lines (24 loc) • 612 B
JavaScript
let previousY = 0;
const handleScroll = () => {
currentY = window.scrollY;
const bodyClass = document.body.classList;
// On top or not
if (window.scrollY < 1) {
bodyClass.add("on-top");
bodyClass.remove("off-top");
} else {
bodyClass.add("off-top");
bodyClass.remove("on-top");
}
// Scrolling down/up
if (currentY < previousY) {
bodyClass.add("scroll-up");
bodyClass.remove("scroll-down");
} else if (currentY > previousY) {
bodyClass.add("scroll-down");
bodyClass.remove("scroll-up");
}
previousY = window.scrollY;
};
handleScroll();
window.addEventListener("scroll", handleScroll);