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

Question

[barsecky]

Доброго времени суток.
Сверстал страничку, но возникла проблемма - при открытии меню в мобильной версии , страница на заднем фоне скролится((
Как убрать этот косяк?
И еще интересует вопрос, можно ли сделать так что бы ссылки в меню при первом клике разворачивали меню (если есть пункты), а при втором клике переходили непосредственно но ссылке?
https://app.netlify.com/sites/xenodochial-wozniak-...

Comments

[Rustam Bainazarov]

Чтобы везде, включая iOS:
Возможно ли запретить прокрутку в iOS Safari с сохранением текущего положения?

Хак overflow: hidden для body не работает в iOS Safari, поэтому приходится сложнее.

[BorisNaumov]

Рустам Байназаров, лучше html присваивать класс, тогда и в ios всё работает без танцев с бубнами.

Answer 1

[BorisNaumov]

Как вариант при клике на гамбургер добавлять тегу body или html класс menu-opened и в css прописать стиль для этого класса overflow: hidden, а при закрытии меню и при кликах по ссылкам меню удалять класс menu-opened.
По второму вопросу проверять есть ли у родительского элемента потомки, если есть добавлять класс sub-menu-opened и т.д.