Я хотел бы увеличить масштабное меню вверх и вниз. Я добавил:
$('nav#menu').mmenu({
classes: 'mm-zoom-menu',
});
Но меню закрывается только при закрытии, но не при первом открытии. Кто-нибудь сталкивался с этим раньше или узнал, в чем проблема?
Я заметил это поведение в браузерах webkit, FireFox масштабируется как при открытии, так и при закрытии. Вероятно, это связано с тем, что в HTML-узел одновременно добавляются названия классов "mm-zoom-menu", "mm-open" и "mm-opening".
Если все ваши меню на странице используют эффект масштабирования, вы можете попробовать добавить это в свой CSS:
html .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(-40%);
-moz-transform: scale(0.7, 0.7) translateX(-40%);
-ms-transform: scale(0.7, 0.7) translateX(-40%);
-o-transform: scale(0.7, 0.7) translateX(-40%);
transform: scale(0.7, 0.7) translateX(-40%);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
(это то, что находится в файле эффектов-css в селекторе "html.mm-zoom-menu.mm-open.mm-menu").