Zurb Foundation Sticky Nav Bar

Question

所以我正在使用.top-barzurb基础框架中的默认类,但是我找不到一个简单的方法来使导航栏"粘贴"(滚动时跟随用户),例如你可以使用Twitter引导程序.

这是我的代码,我正在使用玉:

nav.top-bar
  ul
    li.name
      h1
        a(href='#') Site Title
    li.toggle-topbar
      a(href='#')

  section
    ul.left
      li.divider
      li
        a.active(href='#') Link
      li.divider
      li
        a.active(href='#') Link
      li.divider
      li
        a.active(href='#') Link
      li.divider
      li
        a.active(href='#') Link
      li.divider
  section
    ul.right
      li.divider
      li.has-dropdown
        a.active(href='#') Log in

我错过了一些完全明显的东西吗？

Answer 1

从文档页面:http://foundation.zurb.com/docs/navigation.php

定位吧

顶部栏使用单个导航元素和一类顶栏构建.它默认采用完整的浏览器宽度.要在滚动时使顶部栏保持固定,请将其包裹在div中class="fixed".如果您希望将导航设置为网格宽度,请将其包装在div class ="contains-to-grid"中.您可以一起使用固定和包含到网格.