粘頂部導航欄的基礎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，使粘導航作品。