javascript - 粘性顶栏不起作用 Zurb Foundation

Question

我从 Foundation 阅读了很多反对使用 topbar 的内容。喜欢

使用 Zurb Foundation 滚动经过时，粘性顶部栏使页面跳起来

和这里

https://github.com/zurb/foundation/issues/2005

这对我来说非常“脆弱”。有时有效，有时无效

这是我的代码http://jsfiddle.net/qhoc/48Tur/1/

我是这样激活的吗？

$(document).foundation().foundation('topbar');

任何线索为什么这个不粘？

Answer 1

这是一个工作小提琴。你错过了一些css

.sticky{
    position:fixed;
    z-index:999;
}
.cuisine {
    margin-top:50px;
}

Answer 2

将此添加到您的CSS

.sticky{
    position:fixed;
    z-index:999;
}
.cuisines{
    margin-top:50px;
}