在最长的时间内,Foundation Sticky插件按预期工作,因为页面滚动符合侧边栏的顶部 . 现在,突然,它破碎了:

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

它跳了一次,并且类被更改,表明插件正在触发并添加上边距,但之后没有 .

我已经尝试评论所有其他JS和相关的CSS,看看是否有什么干扰,但同样的问题仍然存在 .

width: 100%position: fixed 添加到data-sticky div会产生正确的结果,但这是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>