首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >foundation 5粘性麦哲伦垂直菜单

foundation 5粘性麦哲伦垂直菜单
EN

Stack Overflow用户
提问于 2014-10-27 23:53:37
回答 1查看 1.2K关注 0票数 0

我正在尝试复制一个麦哲伦侧边栏菜单,就像这个链接http://jsfiddle.net/mBSA4/上的菜单一样

代码语言:javascript
复制
<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。

有人解决这个问题了吗?

非常感谢

EN

回答 1

Stack Overflow用户

发布于 2015-01-30 23:21:30

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

代码语言:javascript
复制
<dl class="sub-nav">

我的竖栏麦哲伦的代码

代码语言:javascript
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26591539

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档