frameworks - 基础框架 | 粘性分区？

Question

是否可以使用Foundation Framework制作像这样的可滚动粘性 div (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

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）