试图创建一个始终贴在网站顶部的菜单。关注 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) 只是避免对预期的固定标头使用粘性功能。