Javascript 如何让jQuery.mmenu在内容上滑动而不是“滑动”；推；信息技术

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

有人知道我如何改变插件的设置，让菜单幻灯片覆盖我的内容，而不是将其向右推

先谢谢你

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

---

但在我当前的项目中，我必须处理一个非常复杂的导航和大量的子菜单，Sidr不会在这里完成这项工作。另外，mmenu看起来非常简洁-如果我能想象它是如何按照我想要的方式滑动的。

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

根据您的描述，您需要的是从左到右，而不是像本例那样从上到下拉出的内容，以及显示为控制该内容的选项。将

位置

从

顶部

更改为

左侧

会更改菜单的位置：

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

---

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

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

根据您的描述，您需要的是从左到右，而不是像本例那样从上到下拉出的内容，以及显示为控制该内容的选项。将

位置

从

顶部

更改为

左侧

会更改菜单的位置：

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

---

---

来自@Gaurang Patel的视频展示了这种行为。

不知道为什么我会被如此严重的否决？这个问题太模糊了吗？我要求太多了吗？我对这个问题做了一点修改……也许它能阻止人们对它投反对票……；-）我不是一个悲观的选民，但你问的是一个非常广泛的问题——一个为你做的完整的解决方案。此外，您还链接到了缩小/模糊化的代码，这并没有太大帮助。对您来说，更好的方法是了解该库是如何完成其工作的，并确定如何修改该行为。还要仔细检查文档，看看此功能是否已经作为可配置选项存在，或者类似的东西。也许它已经做到了？当你遇到一个特定的问题或问题（还没有得到回答）时，请随时发回这里。谢谢保罗！我不是有意让人帮我完成这项工作的我已经在mmslider上找到了几乎所有的stackoverflow问题。在那个问题上找不到任何东西。如果没有.min以外的源代码，我会发布它。我只是觉得缩小代码总比没有好。我对jQuery/JavaScript的理解还不足以理解这个库是如何工作的，不管我要通读多长时间…因此这篇文章。无论如何，再次感谢你的澄清，但我向你保证这篇文章不是我做的第一件事…有很多搜索（Google&here）以前。不知道为什么我会被如此严重的否决？这个问题太模糊了吗？我要求太多了吗？我对这个问题做了一点修改……也许它能阻止人们对它投反对票……；-）我不是一个悲观的选民，但你问的是一个非常广泛的问题——一个为你做的完整的解决方案。此外，您还链接到了缩小/模糊化的代码，这并没有太大帮助。对您来说，更好的方法是了解该库是如何完成其工作的，并确定如何修改该行为。还要仔细检查文档，看看此功能是否已经作为可配置选项存在，或者类似的东西。也许它已经做到了？当你遇到一个特定的问题或问题（还没有得到回答）时，请随时发回这里。谢谢保罗！我不是有意让人帮我完成这项工作的我已经在mmslider上找到了几乎所有的stackoverflow问题。在那个问题上找不到任何东西。如果没有.min以外的源代码，我会发布它。我只是觉得缩小代码总比没有好。我对jQuery/JavaScript的理解还不足以理解这个库是如何工作的，不管我要通读多长时间…因此这篇文章。无论如何，再次感谢你的澄清，但我向你保证这篇文章不是我做的第一件事…有很多搜索（Google&here）之前，尽管我之前说过。。。另一方面，尽管您对javascript等非常陌生，但请始终通读文档和示例。在本例中，我通过简单地找到与您的目标非常接近的东西来解决它，然后找到控制行为的因素，并更改选项，直到它与所需的行为完全匹配。即使对于经验丰富的开发人员来说，一个普遍的经验法则是，如果您发现自己正在考虑一个解决方案，而这个解决方案需要大量的工作，那么它可能是最不理想的解决方案。谢谢Paul。虽然这个网站的开发工作已经完成，但我非常感谢您花时间帮助解决这个问题。听起来不错@TheGmo，我很感谢您的回答。祝你工作顺利！@PaulRicher建议的修复是完美的。我已经在jQuery mmenu v5.3.2上对其进行了测试。但是，由于缺少外部链接，前面提到的JSFIDLE链接已停止工作。。是工作小提琴。@GaurangPatel感谢更新的链接。我将把它添加到answ中