Zurb Foundation 6在画布边栏上的粘性菜单

Question

您好我正在努力让zurb foundation 6拥有带有粘性菜单的非画布菜单。 在桌面视图中重新制作画布外布局以使侧边栏和内容块具有相同的高度。

问题：

• 粘性菜单无法在正确的画布边栏中工作

＆＃13;

＆＃13;

<div class="off-canvas position-right reveal-for-medium sticky-container" id="offCanvasRight" data-off-canvas="" data-position="right" data-sticky-container="" aria-hidden="true" data-offcanvas="f9d5j6-offcanvas" style="height: 24px;">
  <div class="off-canvas position-right reveal-for-medium" id="offCanvasRight" data-off-canvas data-position="right" data-sticky-container>
    <div class="callout sticky" data-sticky data-margin-top="0">
      <h5>This is a callout.</h5>
      <p>It has an easy to override visual style, and is appropriately subdued.</p>
      <a href="#">It's dangerous to go alone, take this.</a>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

我在这里创建了JSFiddle来证明这个问题。