javascript - 哪个选择器使导航栏固定并随页面滚动？

Question

这是网站 http://designobvio.us/DoUs/directPro.html

任何人都知道我将定位哪个选择器来使我的导航栏滚动。

当我尝试修复它破坏了我的网格时，如果你能给我一个带有正确选择器的 css 片段，我将非常感激!

<nav id="nav" class="grid_2">
  <ul>
   <a href="#"> <li><span>↗</span>Portfolio </li></a>
   <a href="#"> <li>Blog</li></a>
    <a href="#"><li>About Me</li></a>
    <ul class="secondaryUL">
    <a href="#"><li>business</li></a>
    <a href="#"><li>skills</li></a>
    <a href="#"><li>service</li></a>
 <a href="#"><li>me</li></a>
   <a href="#"><li>contact</li></a>
  </ul>
    </ul>
</nav>

马修

Answer 1

首先，我认为你必须正确布局，即

<nav id="nav" class="grid_2">    
  <ul>
    <li><a href="#"><span>↗</span>Portfolio</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">About Me</a></li>
    <li>
        <ul class="secondaryUL">
           <li><a href="#">business</a></li>
           <li><a href="#">skills</a></li>
           <li><a href="#">service</a></li>
        </ul>
    </li>
    <li><a href="#">me</a></li>
    <li><a href="#">contact</a></li>
 </ul>    
</nav>

然后你可以固定nav#id的位置即
#nav{float:left;position:fixed}