<script> const navbarToggler = document.querySelector('.navbar-toggler') navbarToggler.addEventListener('click', () => { console.log(navbarToggler.ariaExpanded) if(navbarToggler.ariaExpanded == 'true'){ showMenu() } else if(navbarToggler.ariaExpanded == 'false') { closeMenu() } //console.log(navbarToggler.ariaExpanded) })
const showMenu = () => { const scrollY = document.documentElement.style.getPropertyValue('--scroll-y'); const body = document.body; body.style.position = 'fixed'; body.style.top = `-${scrollY}`; }; const closeMenu = () => { const body = document.body; const scrollY = body.style.top; body.style.position = ''; body.style.top = ''; window.scrollTo(0, parseInt(scrollY || '0') * -1); }window.addEventListener('scroll', () => { document.documentElement.style.setProperty('--scroll-y', `${window.scrollY}px`);});</script>
