Foundation Sticky插件突然不起作用

时间:2018-09-20 17:59:24

标签: zurb-foundation sticky

在最长的时间内,Foundation Sticky插件按预期工作,当页面滚动遇到侧边栏顶部时一直保持不变。现在,它突然坏了:

https://www.arcresources.com/about-arc/board-of-directors/member-bios

它跳转一次,并且更改类,表明该插件正在触发并增加了上边距,但是此后什么也没有。

我尝试注释掉所有其他JS和相关的CSS,以查看是否有干扰,但是仍然存在相同的问题。

在数据粘性div中添加width: 100%position: fixed会产生正确的结果,但这是Sticky插件应根据我的顶部和底部锚点添加和删除的代码。

侧边栏代码:

<div class="grid-container sidebar-nav-wrapper {{ firstSegment }}">
    <div class="grid-x grid-margin-x">
        <nav data-sticky-container class="show-for-large large-3 large-offset-9 cell sidebar-nav">
            <div data-sticky data-top-anchor="main" data-btm-anchor="main:bottom" data-sticky-on="large" data-margin-top="6">
                <!-- Sidebar content -->
            </div>
        </nav>
    </div>
</div>

0 个答案:

没有答案