Scoot-Project/main.js at main · ImadeusF/Scoot-Project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
function openMenuMobile() {
    document.querySelector(".header__nav").classList.add("open");
    document.querySelector(".overlay-menu-mobile").classList.add("open");
    document.querySelector(".header__logo").classList.add("logo-open");
    document.querySelector(".header__burger").classList.add("hide");
}
function closeMenuMobile() {
    document.querySelector(".header__nav").classList.remove("open");
    document.querySelector(".overlay-menu-mobile").classList.remove("open");
    document.querySelector(".header__logo").classList.remove("logo-open");
    document.querySelector(".header__burger").classList.remove("hide");
}


let prevScrollPos = window.scrollY;

window.onscroll = function () {
    let currentScrollPos = window.scrollY;
    const header = document.getElementById("header");

    if (prevScrollPos > currentScrollPos) {
        // Scrolling up
        header.classList.remove("hidden");
    } else {
        // Scrolling down
        header.classList.add("hidden");
    }

    prevScrollPos = currentScrollPos;
}