@MashutaKlencheva

Как вернуть scroll сайту, при закрытом меню?

Код ниже открывает и закрывает бургер-меню по клику.
В него вставлен метод из плагина scroll-lock, который дает body определенные стили. Но при закрытии меню сайт так и остается непрокручиваемым. Нужно добавить scrollLock.enablePageScroll() - но не знаю как правильно это сделать.
Поможете?

window.addEventListener('DOMContentLoaded', function() {
  const burger = document.querySelector('.menu-button');
  burger.addEventListener('click', (e) => {
    e.currentTarget.classList.toggle('menu-button-active');
    scrollLock.disablePageScroll();
    document.querySelector('.nav').classList.toggle('nav-opened');
  });
});
  • Вопрос задан
  • 70 просмотров
Решения вопроса 1
bingumd
@bingumd
...
как пример

window.addEventListener('DOMContentLoaded', function() {
  const burger = document.querySelector('.menu-button');
  burger.addEventListener('click', (e) => {
    e.currentTarget.classList.toggle('menu-button-active');
    document.querySelector('.nav').classList.toggle('nav-opened');
    
    document.querySelector('.nav').classList.contains('nav-opened')
        ? scrollLock.disablePageScroll()
        : scrollLock.enablePageScroll()
  });
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы