Préparation toggle classe pour menu mobile

This commit is contained in:
Alexel 2023-08-14 16:27:46 -04:00
parent c98a587f59
commit 1fed4e9a8e
4 changed files with 44 additions and 0 deletions

0
public/js/header.js Normal file
View file

View file

@ -0,0 +1,23 @@
/** Création et exportation de la classe Header */
export default class Header {
constructor(element) {
this.element = element;
this.html = document.documentElement;
this.init();
}
/**
* Méthode d'initialisation
*/
init() {
const toggle = this.element.querySelector('.js-toggle');
toggle.addEventListener('click', this.onToggleNav.bind(this));
}
onToggleNav() {
// Enlever la classe .is-scrolling-down pour éviter les bugs si l'on fait défiler la page jsute après l'ouverture du menu
this.html.classList.toggle('nav-is-active');
}
}