如何在使用網頁時保持 Foundation Off-Canvas 打開

Question

我正在使用 Foundation 的 Off-Canvas 導航，但是我希望能夠在我滾動和單擊網頁時將其保持打開狀態。 很明顯，它用一個大 div 包裹了所有東西，當點擊它時，關閉畫布區域。 我希望能夠保持打開狀態，但我沒有看到一種簡單的方法來操作它。 有任何想法嗎？

Answer 1

有點晚了，但發現您可以為此使用揭示類，如下所示：

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

您可以為此使用所有斷點類，因此您也可以使用例如reveal-for-med而不是rev​​eal-for-medium。

另請參閱文檔： https : //get.foundation/sites/docs/off-canvas.html#reveal-on-larger-screens

Answer 2

在搜索並詢問了一些用戶組后，似乎不可能。 我最終只是構建了一個自定義的等價物來做我想做的事。

Answer 3

我知道這是一篇舊帖子，但以防萬一有人遇到它，Foundation 6 有一個插件選項：

名稱：data-close-on-click 類型：boolean 默認值：true 描述：允許用戶在菜單外單擊以關閉它。

來自： 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);
...