Question

我想打开和关闭左侧菜单。我补充说：

$('nav#menu').mmenu({
     classes: 'mm-zoom-menu',
});

但是菜单仅在关闭时缩放，但在第一次打开时不会缩放。有没有人遇到这个问题，或者认识到问题可能是什么？

Answer 1

我在webkit浏览器上注意到了这种行为，FireFox在打开和关闭时都会缩放。这可能是由于类名“mm-zoom-menu”，“mm-opened”和“mm-opening”同时添加到HTML节点。

如果页面上的所有菜单都使用了缩放效果，您可以尝试将其添加到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;
}

（这是选择器“html.mm-zoom-menu.mm-opened .mm-menu”中的effects-css文件中的内容。）

打开菜单时，JQuery mmenu插件不会缩放，但在关闭菜单时会缩放

1 个答案: