Как убрать скролл у бургер меню?

Question

h1sha @h1sha

Как убрать скролл у бургер меню?

Как убрать скролл когда открыто бургер меню

Вопрос задан более года назад
960 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 2

1 комментарий

h1sha @h1sha Автор вопроса

решил проблему так

const burgerMenu = document.querySelector(".nav__burger-btn");
const body = document.querySelector("body");

// обрабатываем клик по бургер меню
burgerMenu.addEventListener("click", () => {
  // добавляем класс menu-opened, чтобы меню было видимо
  body.classList.toggle("menu-opened");

  // убираем скролл вниз, чтобы пользователь не мог двигать страницу
  body.classList.toggle("menu-closed");
});

body.menu-closed {
  overflow: auto;
}

body.menu-opened {
  overflow: hidden;
}

<body class="menu-closed">

но спасибо за помощь

Написано более года назад

Комментировать

Пригласить эксперта

Ваш ответ на вопрос

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

Похожие вопросы

JavaScript

+1 ещё

Простой
Как написать текст на окружности и посчитать точки?
- 1 подписчик
- 33 минуты назад
- 12 просмотров
0

ответов
JavaScript

Средний
Как остановить весь скрипт js при выполнении условия tampermonkey?
- 1 подписчик
- 6 часов назад
- 68 просмотров
2

ответа
JavaScript

Средний
.stopPropagation() на самом деле не останавливает распространение события?
- 1 подписчик
- 10 часов назад
- 92 просмотра
1

ответ
JavaScript

Простой
Нужно ли проверять импорт модуля js на повторную загрузку?
- 1 подписчик
- 10 часов назад
- 47 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сделать одинаковую высоту у карточек?
- 1 подписчик
- 16 часов назад
- 103 просмотра
1

ответ
HTML

+1 ещё

Простой
Как внизу блока сделать маску волной и поместить туда изображение?
- 2 подписчика
- 21 час назад
- 139 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Почему у меня не может найти URL_TO_BOT?
- 1 подписчик
- 22 часа назад
- 42 просмотра
0

ответов
CSS

+1 ещё

Средний
Веб форма: появилось свойство blur, как исправить на битриксе УС?
- 1 подписчик
- 23 часа назад
- 52 просмотра
0

ответов
JavaScript

+3 ещё

Простой
Как отключить swiper-bundle.min.css?
- 1 подписчик
- вчера
- 57 просмотров
2

ответа
JavaScript

Простой
Почему не правильно срабатывает условие в цикле?
- 1 подписчик
- вчера
- 94 просмотра
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Парсер Криптография. Работа с TLS-fingerprint

26 дек. 2024, в 21:50

5000 руб./за проект

Разработать дизайн одежды

26 дек. 2024, в 21:12

2500 руб./за проект

Автоматизация ChatGPT и постинга

26 дек. 2024, в 21:01

10000 руб./за проект

Answer 1 · 2023-03-23 21:09:37

Конкретизирую ответ an (Спасибо)
JS

let html = document.querySelector("html")
document.querySelector(".nav__burger-btn").onclick = function(){
html.classList.toggle("unscroll")
}

Css

.unscroll{
overflow:hidden;
}

Answer 2 · 2023-03-23 21:01:19

an @klekovkinandrey

при клике назначте body класс, и соответственно задайте body overflow hidden

Ответ написан более года назад

Комментировать

Как убрать скролл у бургер меню?

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

Минуточку внимания

Войдите на сайт