Основа 5 липкое magellan вертикальное меню

Question

Я пытаюсь воспроизвести меню боковой панели magellan, как показано на этой ссылке 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>

Но он в фундаменте 4 и, кажется, не работает должным образом с фундаментом 5. Я пробую кое-что, но просто не могу воспроизвести липкую вертикальную боковую панель. То, что я воспроизвожу, это боковая панель, которая становится полностью горизонтальной - поверх окна просмотра - когда я прокручиваю. Какое поведение я не хочу. Я хочу вертикальную ul-tab все время.

Кто-нибудь решил это?

большое спасибо

Answer 1

Используйте HTML-код из Foundation 5 - и просто замените класс "sub-nav" на "side-nav":

<dl class="sub-nav">

Код для моего 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>