https://www.mairie-haucourt.fr/wp-content/themes/visibilite/assets/js/inc/menu.js

1const headerNav = document.querySelector("div.wrapper.navigation")
2
3document.addEventListener("scroll", (e) => {
4    const scrolled = window.scrollY > 150;
5
6    if (scrolled) {
7        headerNav.classList.add("sticky")
8    } else {
9        headerNav.classList.remove("sticky")
10    }
11})
12
13const mobilesButton = {
14    open: document.querySelector("#open-menu-mobile"),
15    close: document.querySelector("#close-menu-mobile"),
16}
17
18const mainMenu = document.querySelector(".menu-menu-principal-container")
19
20function mobileButtonEvent(element, callback) {
21    element.addEventListener("click", (e) => {
22        e.preventDefault();
23        mobilesButton.open.classList.toggle('hide')
24        mobilesButton.close.classList.toggle('hide')
25        mainMenu.classList.toggle('mobile-opened')
26        callback(e);
27    })
28}
29
30mobileButtonEvent(mobilesButton.open, () => {
31
32})
33
34mobileButtonEvent(mobilesButton.close, () => {
35
36});