基础框架 |粘性分区？

【问题标题】：Foundation framework | Sticky Div?基础框架 |粘性分区？
【发布时间】：2012-12-17 09:05:07
【问题描述】：

是否可以使用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 脱离了父容器。

提前谢谢你。

【问题讨论】：

标签： frameworks zurb-foundation sticky

【解决方案1】：

Foundation 支持几种类型的粘性导航。如果您正在寻找导航栏类型的实现，请查看其顶部栏模块上的文档（文档和示例位于：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>

如果您正在寻找比顶部栏不那么普遍的粘性导航，您还可以使用他们的 Magellan 插件（文档和示例位于：http://foundation.zurb.com/docs/components/magellan.html）

【讨论】：