Question

我在项目中使用jQuery.mmenu。默认情况下，该插件会滑出屏幕左侧的菜单（导航栏），将整个侧面向右推。我没有Javascript / jQuery破解......

有没有人知道如何更改插件的code以使菜单幻灯片覆盖我的内容，而不是将其推向右侧。

提前致谢...

编辑：我通常使用SIdr作为我的滑动菜单。要通过Sidr实现上述目标，只需更改“真实”即可。到＆＃39;假＆＃39;在某个命令上。在这种情况下，我希望它能像这样简单。

在我目前的项目中，我不得不处理一个带有大量子菜单的非常复杂的导航，Sidr不会在这里完成这项工作。加上mmenu看起来非常整洁 - 如果我只能想象它是如何以我想要的方式滑动的。

Answer 1

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

根据您的描述，您需要从左到右，而不是从此示例执行的从上到下拉出的内容，并且看起来可以控制的选项是off-canvas option。将position从top更改为left会更改菜单的位置：

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

来自@Gaurang Patel的

This JsFiddle证明了这种行为。