粘性顶栏不工作Zurb基金会

Question

我阅读了很多反对使用Foundation的顶部栏的内容。像

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;
}