mmenu плагин проверить, если скользящий закончен

Question

У меня есть CSS, который добавляет div по всей странице.

У меня есть этот CSS применяется к DIV:
.full-width {
position: relative;
margin: 0 -9999rem;
padding: .25rem 9999rem;
background: #e92428;
color: white;
font-size: 1.125rem;
height:100px;
}

Когда я нажимаю кнопку меню плагина mmenu, div по-прежнему находится поперек и сверху меню.
Чтобы решить эту проблему, я удалил css из div, чтобы он переходил по всему экрану, когда пользователь нажимает на значок меню.
Моя проблема теперь применяется css обратно в div, когда пользователь нажимает на главную страницу, чтобы сместить его обратно на место.
Где я могу проверить, нажал ли пользователь главную страницу, чтобы я мог снова добавить css в свой div?

Answer 1

Mmenu вызывает события при нажатии: opening, opened, closing, closed. Похоже, вы хотите связать функцию opened с вашим CSS. Вот как вызвать каждую из этих функций:

jQuery('#mmenu').data('mmenu').bind('opening', function(){ 
    //When mmenu has started opening 
}).bind('opened', function(){ 
    //After mmenu has finished opening 
}).bind('closing', function(){ 
    //When mmenu has started closing 
}).bind('closed', function(){ 
    //After mmenu has finished closing 
}); 

Очевидно, что изменить #menu JQuery селектор, чтобы соответствовать вашим.

Это, как говорится, если вы боретесь с Z-индекс, вы можете посмотреть в zposition в MMENU инициализации offCanvas параметры так, что он остается впереди (так как по умолчанию back):

jQuery('#mmenu').mmenu({ 
    offCanvas: { 
     zposition: "front", //"back" (default), "front", "next" 
     position: "left" //"left" (default), "right", "top", "bottom" 
    } 
});