Préparation toggle classe pour menu mobile
This commit is contained in:
parent
c98a587f59
commit
1fed4e9a8e
4 changed files with 44 additions and 0 deletions
0
public/js/header.js
Normal file
0
public/js/header.js
Normal 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');
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue