2

Foundation Frameworkを使用して、この (StyckyScroll) のようなスクロール可能なスティッキー div を作成することは可能ですか?

例えば：

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

問題は、スティッキー div が親コンテナーから外れることです。

前もって感謝します。

4

1 に答える 1

1

Foundation は、2 種類のスティッキー ナビゲーションをサポートしています。navbar タイプの実装を探している場合は、トップ バー モジュールのドキュメントを参照してください (ドキュメントと例: 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 ) 。

于 2014-03-03T16:35:34.167 に答える