Zurb foundation 基础6粘性菜单跳跃并锚定在移动终端上

我制作了一个粘性响应菜单，在手机上它会自动跳转并粘在底部。导航元素的类更改为。已定位。位于底部

以下是菜单中的一些示例代码：

   <div data-sticky-container>
    <header class="sticky" data-sticky data-options="marginTop:0;" data-sticky-on="medium" data-check-every=0  >
        <div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
            <button type="button" class="menu-icon dark" data-toggle></button>
            <div class="title-bar-title">Menu</div>

...

菜单
...

菜单在大屏幕上运行良好，但在移动和小屏幕上，它会跳转并固定在底部

我怎样才能防止这种情况

重复发行：

作为解释，foundation's sticky的最小断点大小为“中”，因此小屏幕不会有粘性，除非您有意指定最小断点。（如上面链接的问题所示）。

重复问题：

作为解释，foundation's sticky的最小断点大小为“中”，因此小屏幕不会有粘性，除非您有意指定最小断点。（如上面链接的问题所示）。

可能的副本