Foundation 6 粘性菜单在移动设备上跳转并固定在底部答案

【问题标题】：Foundation 6 sticky menu jumps and anchored to bottom on mobileFoundation 6 粘性菜单在移动设备上跳转并固定在底部
【发布时间】：2018-02-08 12:04:22
【问题描述】：

我制作了一个粘性响应式菜单，在移动设备上它会自动跳转并固定在底部。导航元素的类更改为 .is-anchored .is-at-bottom

这里是菜单中的一些示例代码：

   <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>

...

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

如何防止这种情况发生？

example from site

【问题讨论】：

Foundation 6 Mobile Search Bar Sticking to Bottom on Android的可能重复

标签： zurb-foundation sticky zurb-foundation-6

【解决方案1】：

重复问题：

Foundation 6 Mobile Search Bar Sticking to Bottom on Android

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

【讨论】：