基础5粘性麦哲伦垂直菜单

Question

我正在尝试重现一个类似于此链接上的麦哲伦侧边栏菜单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标签。

有人解决了这个问题吗？

非常感谢

Answer 1

使用Foundation 5中的HTML代码，只需将类"sub-nav"替换为"side-nav"：

<dl class="sub-nav">

我的垂直边栏麦哲伦的代码

<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>