Question

我做了一个粘性的响应式菜单，在手机上它会自动跳转并坚持到底。导航元素的类更改为.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

Answer 1

重复问题：

Foundation 6 Mobile Search Bar Sticking to Bottom on Android

要获得解释，基础粘性的最小断点大小为“中”，因此小屏幕不会粘滞，除非您有意指定最小断点。（如上面链接的问题所示）。

基础6粘性菜单跳跃并锚定到移动底部

1 个答案: