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

使用Foundation 5中的HTML代码 - 只需替换类＆＃34;子导航＆＃34;使用＆＃34; side-nav＆＃34;：

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

基础5粘麦哲伦垂直菜单

1 个答案: