Jquery 移动/大型基础6的粘性导航 我想学习基金会6,但我有很大的问题去理解为什么它不起作用,我做错了什么。< /P>

Jquery 移动/大型基础6的粘性导航 我想学习基金会6,但我有很大的问题去理解为什么它不起作用,我做错了什么。< /P>,jquery,html,css,zurb-foundation,Jquery,Html,Css,Zurb Foundation,我想为小型设备和中/大型设备制作粘性导航条。对于大型设备来说,它确实有效,对于移动设备来说,它不粘乎乎的,只是停留在顶端而已 我做错了什么?我添加了div,类似于大型数据粘性容器和粘性类。。。。 导航显示在大屏幕上,但导航显示在小屏幕/手机屏幕上不滚动 菜单版本0.1mob 您需要将data sticky on=“small”属性添加到data sticky容器中。data sticky on的默认值为中等。您需要将data sticky on=“small”属性添加到data sticky

我想为小型设备和中/大型设备制作粘性导航条。对于大型设备来说,它确实有效,对于移动设备来说,它不粘乎乎的,只是停留在顶端而已

我做错了什么?我添加了div,类似于大型数据粘性容器和粘性类。。。。 导航显示在大屏幕上,但导航显示在小屏幕/手机屏幕上不滚动


菜单版本0.1mob

您需要将
data sticky on=“small”
属性添加到
data sticky
容器中。data sticky on的默认值为中等。

您需要将
data sticky on=“small”
属性添加到
data sticky
容器中。“数据粘滞打开”的默认值为“中”。

我还有一个问题,当我单击“切换/关闭画布”在同一位置停止导航时,是否可以不将其移动到屏幕顶部?如果我的第一个回复解决了您的问题,请接受它作为答案-很抱歉,我无法理解您的第二个问题。我还有一个问题,当我单击“切换/关闭画布”在同一位置停止导航时,是否可以不将其移到屏幕顶部?如果我的第一个回复解决了你的问题,请接受它作为答案-很抱歉,但我无法理解你的第二个问题。
<div data-sticky-container>
        <div class="small-12 sticky" data-sticky data-options="marginTop: 0">
            <div class="off-canvas-content" data-off-canvas-content >
                <div class="title-bar show-for-small-only">
                    <div class="title-bar-left">
                        <button class="menu-icon" type="button" data-open="mobile-menu"></button>
                        <span class="title-bar-title">Menu ver0.1mob</span>
                    </div>
                    <div class="title-bar-right">
                        <button class="menu-icon" type="button" data-open="basket-right"></button>
                    </div>
                </div>
            </div>
        </div>
    </div>