如何在使用网页时保持基础画布外打开

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

本文关键字：布外打 网页      更新时间：2023-09-26

我正在使用Foundation的画布外导航，但是我希望能够在滚动和单击网页时保持打开状态。显然，它用一个大div包裹所有内容，单击该div时，会关闭画布外区域。我希望能够保持打开状态，但我看不到一种简单的操作方法。有什么想法吗？

有点晚了，但发现你可以为此使用 reveal 类，如下所示：

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

您可以将所有断点类用作 wel，因此除了显示为中，您还可以使用显示为大。

另请参阅文档：https://get.foundation/sites/docs/off-canvas.html#reveal-on-larger-screens

在搜索并询问一些用户组后，这似乎是不可能的。我最终只是构建了一个自定义等效项来按照我的意愿去做。

我知道

这是一个旧帖子，但万一有人遇到它，Foundation 6 有一个插件选项：

名称：单击时数据关闭类型：布尔值默认值：真说明：允许用户在菜单外部单击以将其关闭。

寄件人： https://foundation.zurb.com/sites/docs/off-canvas.html#js-options

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

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