0

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

有谁知道我如何更改插件的代码以使菜单滑过我的内容,而不是将其推到右侧。

提前致谢...

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

然而,在我目前的项目中,我不得不处理带有大量子菜单的非常复杂的导航,Sidr 不会在这里完成这项工作。PLUS mmenu 看起来很整洁——如果我能弄清楚它是如何按照我想要的方式滑动的话。

4

1 回答 1

6

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

根据您的描述,您需要从左到右拉出的东西,而不是像本例那样从上到下拉出的东西,并且似乎控制它的选项是off-canvasoption。将position from更改topleft更改菜单的位置:

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

@Gaurang Patel 的这个JsFiddle 演示了这种行为。

于 2014-10-09T15:36:30.210 回答