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

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）

基础框架| Sticky Div？

1 个答案: