如何在使用网页时保持 Foundation Off-Canvas 打开

Question

我正在使用 Foundation 的 Off-Canvas 导航，但是我希望在滚动和点击网页时能够保持它打开。很明显，它用一个大 div 包裹了所有东西，单击它时，关闭了 canvas 区域。我希望能够让它保持打开状态，但我看不到一种简单的操作方法。有什么想法吗？

Answer 1

搜索和询问了一些用户组后，似乎不能。我最终只是建立了一个自定义的等价物来做我想做的事。

Answer 2

我知道这是一个旧的 post，但如果有人遇到它，Foundation 6 有一个插件选项：

名称：数据点击关闭类型：布尔值默认值：真描述：允许用户点击菜单以外的地方来关闭它。

因此，要启用它，请像这样初始化您的 offCanvas：

...
var options = {
  data-close-on-click: false
};
var elem = new Foundation.OffCanvas(element, options);
...

Answer 3

有点晚了，但发现您可以为此使用显示 class，如下所示：

<div class="off-canvas position-right reveal-for-medium" id="offcanvas-1" data-off-canvas>

您也可以为此使用所有断点 classes，而不是 reveal-for-medium，例如，您也可以使用 reveal-for-large。

How to keep Foundation Off-Canvas open while using web page