哪個選擇器可以固定導航欄並隨頁面滾動？

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}

Answer 2

如果您不能使用CSS：

#nav{
    position: fixed;
}

然后，您需要依靠JavaScript修復程序才能在#id上強制設置margin-top 。