Zurb Foundation 6视口高度末端的粘滞开关状态".is-anchored .is-at-bottom"

尝试创建一个始终坚持网站顶部的菜单.跟随zurb.foundation的文档,但.sticky的行为总是出乎意料的方式.或者也许我没有明显的一些？

请在这里查看重建:http: //codepen.io/mister-hansen/pen/wMgrPm

如果站点向下滚动,并且达到初始视口的精确高度,则粘滞插件会将元素.sticky从is-stuck is-at-top:更改为:.is-anchored .is-at-bottomso .sticky消失.

谢谢.

更新 文档的第一部分:foundation.zurb.com/sites/docs/sticky.html解释了所描述的行为.由于默认主体{height:100%} css,主体完全按最大值解释.视口高度.

所以在我的情况下解决方案是a)用auto替换body的高度.但更好b)避免对预期的固定标头使用粘性功能.

我将data-check-every插件选项设置为0以重新计算每个滚动事件.现在,当动态加载内容时,再次计算视口的高度,例如使用无限滚动时.