Я все еще очень неопытен в jQuery, но пытаюсь решить эту проблему. У меня есть меню гамбургеров, которое открывается и закрывается при нажатии. Тем не менее, я добавил CSS в меню гамбургеров, чтобы открыть до 100vh при открытии. Это работало нормально, однако содержимое в фоновом режиме все еще прокручивается за меню. Я нашел CSS, который блокирует тело с помощью переполнения : скрытый стиль для класса "HTML, body" и позволяет мне открывать и закрывать меню без прокрутки фона, но с этим CSS стиль постоянно на месте, я не могу прокручивать вообще, даже когда меню закрыто.
Это подводит меня к моему вопросу. Мне кажется, я нашел один из скриптов, который открывает и закрывает меню гамбургеров. Можно ли будет изменить и добавить этот скрипт, чтобы он добавлял вышеуказанный стиль к классу "HTML, body" только при открытом меню?
Я прошел школу W3, чтобы улучшить понимание синтаксиса, но этот сценарий немного отличается от того, что я видел в руководствах.
Вот сценарий:
function() {
return e(".mobile_nav.opened .mobile_menu_bar").not(e(this)).trigger("click"), s.hasClass("closed") ? (s.removeClass("closed").addClass("opened"), n.stop().slideDown(500)) : (s.removeClass("opened").addClass("closed"), n.stop().slideUp(500)), !1
}
Это возможное решение или есть лучшее вариант для меня, чтобы предотвратить фоновую прокрутку? Я бы поделился ссылкой, но мне нужно, чтобы она скрыла страницу в стадии разработки.
Вот снимок экрана с тем, что я вижу на своем конце.
