粘性顶栏不起作用 Zurb Foundation

Question

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

A sticky Top Bar makes the page jump up when scrolling past it with Zurb Foundation

这里

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

对我来说这很“不稳定”。有时有效，有时无效

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

我是这样激活的吗？

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

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

Answer 1

Here is a working fiddle。你错过了一些css

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

Answer 2

将此添加到您的 CSS 中

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