在最长的时间内,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>