0

このリンクのようなマゼランサイドバーメニューを再現しようとしていますhttp://jsfiddle.net/mBSA4/

<ul class="magellan tabs vertical" data-magellan-expedition="fixed">
  <li data-magellan-arrival="grid"><a href="#grid">Grid</a></li>
  <li data-magellan-arrival="tabs"><a href="#tabs">Tabs</a></li>
  <li data-magellan-arrival="buttons"><a href="#buttons">Buttons</a></li>
</ul>

しかし、それは Foundation 4 にあり、Foundation 5 では期待どおりに機能しないようです。いくつかのことを試していますが、スティッキーな垂直サイドバーを再現できません。私が再現しているのは、スクロールするとビューポートの上に完全に水平になるサイドバーです。これは私が望む動作ではありません。縦の ul-tab が常に必要です。

誰かがこれを解決しましたか？

どうもありがとう

4

1 に答える 1

0

Use the HTML code from Foundation 5 - and just replace the class "sub-nav" with "side-nav": 

<dl class="sub-nav">

The code for my vertisidebar Magellan

<div data-magellan-expedition="fixed">
  <dl class="side-nav">
    <dd data-magellan-arrival="tabs"><a href="#tabs">Tabs</a></dd>
    <dd data-magellan-arrival="code"><a href="#code">code</a></dd>
  </dl>
</div>
于 2015-01-30T15:21:30.040 に答える