| const fullpageEl = document.getElementById('fullpage') | |
| const menuBtn = document.querySelector('.menu__btn') | |
| const navigation = document.querySelector('.navigation') | |
| const navCloseBtn = document.querySelector('.navigation__close__btn') | |
| const blurOverlay = document.querySelector('.blur__overlay') | |
| const IS_ACTIVE = 'is--active' | |
| const toggleNavigation = () => { | |
| navigation.classList.toggle(IS_ACTIVE) | |
| blurOverlay.classList.toggle(IS_ACTIVE) | |
| fullpageEl.classList.toggle('no-scroll') | |
| } | |
| const CLICK = 'click' | |
| menuBtn.addEventListener(CLICK, toggleNavigation) | |
| navCloseBtn.addEventListener(CLICK, toggleNavigation) | |
| blurOverlay.addEventListener(CLICK, toggleNavigation) | |
| new fullpage('#fullpage', { | |
| autoScrolling: true, | |
| scrollBar: true, | |
| }) |