Как запретить прокручивать страницу, когда на весь экран развернуто fixed меню?

Question

[htmlclassic]

Привет.

На мобилке можно открыть меню. Меню открывается на весь экран и менюха fixed.
Ну пока открыто это меню, я колесиком могу скролить всю страницу.

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

Получается так: я проскролил до середины страницы, открываю менюху, опять скролю, закрываю меню и я уже не на середине страницы, а в другом месте.

Вот пример, где fixed элемент поверх контента, и сам контент прокручивается.

Comments

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

body {overflow: hidden}

[htmlclassic]

Антон Литвиненко, так и что выходит? контент body просто обрезается. Т.е. если я проскролил на середину страницу, дал body overflow:hidden -- я теперь в начале страницы

[Ankhena]

htmlclassic, закроете меню и окажетесь там же, где были. Да и при открытии тоже не окажетесь наверху.
Ну разве что, вы открываете меню ссылкой у которой в href стоит # и вы забыли preventDefault

Покажите, как вы его открываете на jsfiddle.net

[Сергей delphinpro]

htmlclassic,

Т.е. если я проскролил на середину страницу, дал body overflow:hidden -- я теперь в начале страницы

Это ваши предположения или реальные факты?

[htmlclassic]

Ankhena, делал оверфлоу хиден на мейн, а не на бади(

Answer 1

[Kentavr16]

https://codepen.io/kentavr16/pen/OJOvPKw

Comments

[Kentavr16]

overflow:hidden;

Answer 2

[ProstoChel92]

Когда открытое меню к body добавляете клас lock, когда меню закрывают, клас убирается.

body.lock {
  overflow: hidden;
}