Запрет прокрутки в полноэкранном меню

Question

У меня есть полноэкранное меню и после активации страница все еще прокручивается, есть ли способ остановить это?

Я прочитал другой пост, в котором указано

    body,html {
    overflow: hidden;
    max-height: 100%;
}

, но это также останавливает прокрутку страницы.

Answer 1

Возможно, вы захотите использовать JS / Jquery для включения / выключения фиксированного класса, когда меню переключается при открытии и закрытии?

, например

if($('#menu').hasClass('open'))
 {
    $('body').addClass("fixedPosition");
 }
 else
 {
    $('body').removeClass("fixedPosition");
 }