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

Question

尝试创建一个始终贴在网站顶部的菜单。 跟随zurb.foundation的文档，但.sticky的行为总是出乎意料的方式。或者也许我不明白？

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

如果网站向下滚动，并且点击了初始视口的高度，则粘贴插件会将元素.sticky从is-stuck is-at-top更改为：.is-anchored .is-at-bottom所以.sticky消失

谢谢。

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

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

Answer 1

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