问题标签 [off-canvas-menu]

刚刚使用 Foundation 6 在 Wordpress 中工作，我正在使用非画布为移动设备构建菜单。但是我似乎有一个问题，内容没有加载到屏幕外菜单中，下面是我使用的代码，我把东西放在错误的地方了吗？外部 div (dragoncove_mobile_menu) 的原因是我有媒体查询来显示不同大小的不同菜单。我将在下面列出，尽管我已经尝试过没有查询并且没有任何变化。

如何在 Foundation 6 的画布外创建子菜单？

我找到了这个方便的构建块，但它在 LHS 画布菜单中没有子菜单。

我想要一个像这样的滑入式子菜单（这是 Foundation 5）。

早上好，我想知道是否有办法阻止 Foundation 6 的 toggle off-canvas 跳转到页面顶部。我注意到这种行为也出现在F6 官方文档中

我有一个移动菜单，其中有一些锚定链接，单击时会滚动到页面的某个部分。问题在于，当我单击其中一个链接时，由于未加载新页面，菜单仍处于打开状态。

我希望实现一个解决方案，如果单击其中一个链接，则菜单默认关闭。我曾尝试使用 JS 隐藏单击菜单，但我认为我的逻辑可能是错误的。任何帮助都会很棒。

这是我的菜单的代码。

我目前正在尝试使用一个 jQuery 插件，该插件将允许我的网站向右推送并显示侧面导航（异地导航）但是开发人员说我必须使用设置对象而我的教授没有我在说什么所以我得请人帮忙。这是我要使用的插件，这里是说明。

最后，我将 jQuery 文件完美地链接到我的网站，但我不知道如何初始化代码才能工作。

这是我的代码

我正在使用 Bootstrap Jasny offcanvas 推送导航，如下所示：http ://www.jasny.net/bootstrap/examples/navmenu-push/

现在，我想要一个额外的画布导航，但我不知道如何去做，因为我的 JS 知识为零。

我只设法创建第二个导航并添加第二个切换按钮来打开/关闭第二个导航。但是，它在打开时不会关闭第一个（反之亦然）。理想情况下，它会首先完全关闭第一个导航，然后打开第二个。

任何帮助，将不胜感激。提前致谢！

https://jsfiddle.net/L2evyhuL/1/

我正在按照 Foundation 6 文档创建一个画布外菜单： http: //foundation.zurb.com/sites/docs/off-canvas.html

这是我所做的：

但是当我打开菜单时，我得到的是：

我可以滚动它并查看我的 test1/2/3/4，但为什么会出现这个结果？

当您单击“切换关闭画布”时，我想要的与我们在基础文档中看到的相同

我把我的清单放错地方了吗？我很确定我的框架是最新的，并且我一直在逐步遵循文档，但它没有提供我想要的那么多信息

我正在使用带有画布菜单的foundatuon 6。我可以通过设置位置使汉堡图标保持粘性，但是有没有办法阻止实际菜单随内容滚动？我环顾四周，似乎找不到基础 6 的解决方案。默认 UX 的工作方式似乎有点奇怪。

正确方向的一点将非常有帮助。

我正在使用 Foundation v5.5 并结合了两个 不同的 js 代码来创建一个可用的带有下拉手风琴的画布顶部导航。

However, when any of the dropdown accordions are selected, the text is being clipped because the .offcanvas-top class's height is being specified by the JS, and I simply don't know enough JS to add 100px to the height of .offcanvas-最佳。想法？

这是我的codepen和有问题的 js 的链接（我使用的是 WordPress，因此没有冲突）：

带有以下问题的屏幕截图：

前：

活动手风琴的剪辑文本：

我想在不使用情节提要的情况下快速创建一个画布外菜单。有很多创建该菜单的示例，但都使用故事板。即使以编程方式创建它对我来说也很好。我想使用 xib 文件而不是情节提要创建幻灯片导航。任何帮助表示赞赏，谢谢！