Как отменить прокручивание?

Question

[Екатерина Ивасенко]

Как отменить прокручивание? overflow: hidden не помогает.
Пытаюсь всё сделать, чтобы меню было во весь экран и не прокручивалось. Плюс у меня в футере такое же бургер-меню и они смешиваются, когда в самый низ прокручиваешь, то есть, когда откроется меню в футере, оно так же с нахлёстом будет пересекаться с меню из хедера.

https://codepen.io/katushell/pen/XWmqYLG

Answer 1

[Арсений Матыцин]

body → overflow: hidden.

Comments

[Екатерина Ивасенко]

тогда не будет прокручивать вообще страница потом

[Арсений Матыцин]

Екатерина Ивасенко, потому что это вешать и убирать надо по событию клика на меню.

[Екатерина Ивасенко]

спасибо!

[Антон Литвиненко]

Арсений Матыцин, сори что лезу в чужой вопрос, решение для сафари рабочее уже есть? Полгода назад найти не смог, сафари игнорирует оверфлоу хидден для боди

[Арсений Матыцин]

Антон Литвиненко, честно, не в душе, редко в работе такие квесты попадаются, впрочем если это есть в библиотеках типа Bootstrap, то должно. Максимум → потребуется пару дополнительных свойств.

Сафаря с моего опыта отличается (на маках) «слишком правильным» выполнением правил.

А вообще надо бы развернуть виртуалку проверить, я как раз недавно выкатил на свою площадку для извращений (мой сайт) такую реализацию.