基礎框架| Sticky Div？

Question

使用Foundation Framework製作可滾動的粘貼div like this (StyckyScroll)有可能嗎？

例如：

<div class="row"> 
    <div class="eight columns"> 
    Very long content here 
    </div> 
    <div class="four columns"> 
    Small but SCROLLABLE CONTENT here 
    </div> 
</div> 

的問題是粘DIV失控父容器中。

預先感謝您。

Answer 1

基金會支持幾種類型的粘性導航。通過包裝正常頂欄模塊，像這樣

可以在基礎實現粘性導航欄：如果你正在尋找一個導航欄式實施，檢查了他們的頂欄模塊（http://foundation.zurb.com/docs/components/topbar.html在文檔和示例）的文檔：

<div class="contain-to-grid sticky"> 
    <nav class="top-bar" data-topbar> 
     YOUR NAVBAR MARKUP HERE 
    </nav> 
</div> 

如果您正在尋找粘性導航，這比上杆少無所不在，你也可以用自己的麥哲倫插件（文檔和示例在：http://foundation.zurb.com/docs/components/magellan.html）