如何让 jQuery.mmenu 滑过内容而不是“推”它答案

【问题标题】：How to get jQuery.mmenu to slide over the content instead of "pushing" it如何让 jQuery.mmenu 滑过内容而不是“推”它
【发布时间】：2014-10-09 09:51:42
【问题描述】：

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

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

提前谢谢...

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

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

【问题讨论】：

不知道为什么我的投票率如此之低？这个问题是不是太模糊了？我要求太多了吗？我稍微编辑了这个问题......也许它会阻止人们对它投反对票...... ;-)
我不是投反对票的人，但是是的，您要问的是一个非常广泛的问题-为您完成的完整解决方案。此外，您链接到缩小/混淆的代码，这不是很有帮助。更好的是让您弄清楚该库如何完成其工作，并确定如何修改该行为。还要仔细检查文档以查看此功能是否已作为可配置选项或类似选项存在。也许它已经这样做了？
当您遇到特定问题或疑问（尚未得到解答）时，请随时在此处回复。
谢谢保罗！我不是有意为我完成这项工作。 ;-) 我已经解决了几乎所有关于我能找到的 mmslider 的 stackoverflow 问题。在那个特定问题上找不到任何东西。如果除了 .min 之外还有任何源代码，我会发布的。我只是认为缩小代码总比没有好。我对 jQuery/JavaScript 的理解还不够深入，无法弄清楚库是如何做的，无论我要通读多长时间......因此这篇文章。
无论如何，再次感谢您的澄清，但我向您保证这篇文章不是我做的第一件事......之前有很多搜索（谷歌和这里）。

标签： javascript jquery mmenu

【解决方案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 演示了这种行为。

【讨论】：

尽管我之前的声明... 顺便说一句，尽管您对 javascript 等非常陌生，但请务必通读文档和示例。在这种情况下，我通过简单地找到与您的目标非常匹配的东西来解决它，然后找到控制行为的东西，并更改选项直到它充分匹配所需的行为。即使对于经验丰富的开发人员来说，一般的经验法则是，如果您发现自己考虑的解决方案方式不适合您并且需要大量工作，那么它可能是最不理想的解决方案。
谢谢保罗。虽然本网站的开发已经完成，但我非常感谢您花时间帮助解决问题。
听起来不错@TheGmo，我很欣赏答案接受。祝你工作顺利！
@PaulRicher 建议的修复是完美的。我已经在 jQuery mmenu v5.3.2 上对其进行了测试。但是，由于缺少外部链接，提到的 JsFiddle 链接已停止工作。Here 是工作小提琴。
@GaurangPatel 感谢更新链接。我会以适当的信用将其添加到答案中。