0

Подскажите пожалуйста, что необходимо дописать в JS код, чтобы при открытии моб. меню, фон затемнялся??

jQuery('.menu-icon').click(function() {
  jQuery(this).toggleClass('opened'); }); 


$('.icon').on('click', function(){
 $('.mobile-list').slideToggle(); });


$('.icon').on('click', function(e) {
  e.preventDefault();
  $('.mobile-menu').toggleClass('mobile-menu_active'); })
1
  • Но ведь меню - тоже какой-нибудь блок. Присвойте ему [здесь и далее "он" означает контейнер собственно меню] ширину 100vw, добавьте в него блок с собственно меню с соответствующей шириной. Тогда при "активации" меню останется только изменить фон контейнера меню. 13 июн 2020 в 15:13

1 ответ 1

0

Добавь к меню ещё один класс и к нему допиши :before, который будет растянут по всему экрану с необходимым затемнением, по открытии добавляй этот клас, при закрытии убирай.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.