mmenu.js如何设置菜单导航和模态对话框从左下方滑动 [英] mmenu.js How to set menu navigation and modal dialog to slide from left and bottom

问题描述

嗨！



我无法想象，如何从laft和botom中滑动菜单导航或模态对话框。

菜单导航从左侧滑动，但是我用作状态栏的模态对话框不会像我想要的那样滑动。



我正在使用mmenu库： http://mmenu.frebsite.nl/ [ ^ ]



我可以这样做： http://mmenu.frebsite.nl/demo/xmpl-contacts.html [ ^ ]

但我不能这样做：http://mmenu.frebsite.nl/demo/position-bottom.html [ ^ ]



我的左侧代码菜单：

Hi!

I can not figre out, how to slide menu navigation or modal dialog from laft and from botom.
Menu navigation is sliding from left, but my modal dialog, which I use as status bar do not slide from the buttom up as I want.

I am using mmenu libraries: http://mmenu.frebsite.nl/[^]

I can do this: http://mmenu.frebsite.nl/demo/xmpl-contacts.html[^]
But I can not do this: http://mmenu.frebsite.nl/demo/position-bottom.html[^]

My code for left menu:

<nav id="my-menu">

<h3 class="">Graph actions</h3>
<ul>
<li onClick="rotateY()" data-autozoom="false"> </li> Rotate Y</li>
<li onClick="rotateX()" data-autozoom="false"> </li> Rotate Y</li>
<li onClick="rotateZ()" data-autozoom="false"> </li> Rotate Y</li>
</ul>
</nav>

引导菜单代码：

Code for bootom menu:

<nav id="statusBar">
    <ul>
        <li> Rotation</li>
        <li>Transformation</li>
        <li>Positin</li>
    </ul>
</nav>

jQuery函数用于导航和左侧菜单：

jQuery function for navigation and left menu:

$("#my-menu").mmenu({
  classes: "mm-light"

})
  $("#statusBar").mmenu({
  classes: "mm-light",
  offCanvas: {
      position  : "bottom",
      zposition : "front"
  }
  });

推荐答案

（ ＃my-menu）。mmenu（{
classes：< span class =code-string> mm-light

}）

("#my-menu").mmenu({ classes: "mm-light" })

（ ＃statusBar）。mmenu（{
classes： mm-light，
offCanvas：{
position： bo ttom，
zposition： front
}
}）;

("#statusBar").mmenu({ classes: "mm-light", offCanvas: { position : "bottom", zposition : "front" } });

这篇关于mmenu.js如何设置菜单导航和模态对话框从左下方滑动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！