粘顶部导航栏的基础6

Question

http://codepen.io/cigol/pen/reVMaK

<div class="row fullWidth" data-sticky-container> 
<div class="large-12 columns header-row sticky" data-sticky data-margin-top="0"> 
    <div class="small-4 columns"> 
    <img src="https://placehold.it/250x100"> 
    </div> 
    <div class="small-8"> 
    </div> 
</div> 
</div> 

这里是我使用的代码，它的根基6的基础上，我想有一个棘手的顶栏，反应灵敏，调整大小。我试图编写自己的代码，因为当我剪切和粘贴他们不工作的例子时（他们都出于某种原因聚集在屏幕的左上角）。

我还没有改变基础文件和唯一的重写/额外的CSS我使用的是codepen CSS。

我不确定为什么，但sticky'ness在codepen上不起作用，但适用于我的本地浏览器。

无论如何，你可以看到我想要做的，我希望。没什么复杂。只是它没有完全工作。在我的电脑本地它的作品，但当我回滚向上，一旦它顶部的背景颜色灰色闪烁，如果我向下滚动它回来了。我尝试过使用Chrome和Firefox，并获得相同的结果。

任何帮助表示赞赏。

Answer 1

需要包括：

$(document).foundation();

要初始化基金会的JavaScript，使粘导航作品。