基础框架| 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）