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

我在项目中使用jQuery.mmenu。该插件默认滑出屏幕左侧的一个菜单（导航栏），将整个一侧推向右侧。我没有使用Javascript/jQuery的裂缝......如何让jQuery.mmenu滑过内容而不是“推”它

有谁知道我怎么可能会改变插件的code拿到菜单滑动在我的内容而不是将其推到右边。

在此先感谢...

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

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

2014-10-09 The Gmo

不知道为什么我得到这么严重downvoted？这个问题太模糊了吗？我问得太多了吗？我编辑了这个问题一点点...也许它阻止人们downvoting它... ;-) – 2014-10-09 12:52:20

我不是一个downvoter，但是你是在问什么一个非常广泛的问题 - 一个完整的解决方案要做您。此外，您链接到缩小/模糊代码，这不是非常有用。最好是让你弄清楚该库如何工作，并确定如何修改该行为。同时仔细检查文档以查看此功能是否已作为可配置选项存在，或者类似的东西。也许它已经这样做了？ – 2014-10-09 13:25:15

如果遇到特定问题或问题（尚未得到解答），请随时发回。 – 2014-10-09 13:26:50

在快速浏览文档和演示之后，this one看起来与您正在寻找的内容最相关。正如你将看到的，在这个例子中，菜单被拉低到页面内容的顶端，而不是推到一边。

根据您的描述，您希望从左到右拉出一些东西，而不是像上例那样从上到下拉出，而看起来控制的选项是off-canvas option。改变从top的position到left改变菜单的位置：

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

This JsFiddle从@Gaurang帕特尔演示了此行为。

来源

2014-10-09 15:36:30

*尽管我先前的发言...*除此之外，尽管您对JavaScript等方面非常陌生，但请始终阅读文档和示例。在这种情况下，我通过简单地找到与您的目标非常接近的事物来解决问题，然后找到控制行为的因素，并更改选项，直到其充分匹配所需的行为。即使对于经验丰富的开发人员来说，一般的经验法则是，如果您发现自己正在考虑一种解决方案，该方案不会出现问题并需要大量工作，则可能是最不理想的解决方案。 – 2014-10-09 15:38:46

谢谢保罗。尽管本网站的开发已经完成，但我非常感谢您花时间帮助解决问题。 – 2014-11-13 11:25:50

听起来不错@TheGmo，我很欣赏答案 - 接受。祝你工作顺利！ – 2014-11-13 15:16:17

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

回答

相关问题