javascript - 如何让 jQuery.mmenu 滑过内容而不是 "pushing"

Question

我正在使用jQuery.mmenu在一个项目中。默认情况下，该插件会在屏幕左侧滑出一个菜单(导航栏)，从而将整个侧面推向右侧。我不是 Javascript/jQuery 破解者...

有谁知道我如何更改 code插件的菜单滑动在我的内容上，而不是将其推到右侧。

提前致谢...

编辑:我通常使用 SIdr 作为滑动菜单。要使用 Sidr 实现上述目标，只需将某个命令的“true”更改为“false”即可。我希望在这种情况下也能像这样简单。

在我当前的项目中，我必须处理带有大量子菜单的非常复杂的导航，Sidr 无法完成这里的工作。 PLUS mmmenu 看起来非常简洁 - 如果我能弄清楚它如何按照我想要的方式滑动就好了。

Answer 1

快速查看文档和演示后，this one似乎与您正在寻找的内容最相关。正如您将看到的，在本示例中，菜单被拉到页面内容上方，而不是将其推到一边。

根据您的描述，您想要从左到右拉出的东西，而不是像本示例那样从上到下拉出，并且似乎控制该选项的选项是 off-canvas option 。将位置从顶部更改为左侧会更改菜单的位置:

$("#menu").mmenu({
    offCanvas : {
        position : "left", // changing this alters the position of the menu
        zposition : "front"
    }
})

This JsFiddle来自@Gaurang Patel 演示了这种行为。