8

试图创建一个始终贴在网站顶部的菜单。关注 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 解释了所描述的行为。由于默认 body { height: 100% } css,body 被精确解释为 max。视口的高度。

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

4

1 回答 1

7

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

于 2016-09-14T01:38:50.450 回答