粘性顶部导航栏基础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中。

我不确定为什么，但粘性问题不适用于codepen，但可以在我的本地浏览器上运行。

无论如何，你可以看到我希望做的事情。没什么复杂的。只是它没有完全运作。在我的电脑本地工作，但当我向上滚动一旦它击中顶部背景颜色灰色闪烁，如果我向后滚动它再次回来。我已尝试使用chrome和firefox并获得相同的结果。

感谢任何帮助。

Answer 1

需要包括：

$(document).foundation();

初始化Foundation javascript，以便粘性导航工作。