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

繼承人的網站 http://designobvio.us/DoUs/directPro.html 哪個選擇器使導航欄固定並滾動頁面？

人知道我的目標，使我的導航欄滾動其選擇。

當我試過它修復打破了我的網格，如果你可以請給我一個CSS片段與正確的選擇器（S）我會非常感謝！

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

馬修

來源

2012-02-19 Matthew Harwood

#nav ，#nav ul position：fixed – 2012-02-19 05:13:59

這就是我討厭網格佈局的原因。 – rockerest 2012-02-19 05:15:27

如果您不能使用CSS：

#nav{ 
    position: fixed; 
}

然後，你需要依靠一個javascript修復強制變量margin-top上#id。

來源

2012-02-19 05:21:12 rockerest

感謝javascript修復的關鍵字。位置：固定太容易。它打破了其餘的代碼... – 2012-02-19 10:01:53

首先

第一件事，我認爲üMST佈局正確即

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

然後後u能固定nav#id即
#nav的位置{浮動：左;位置是：固定}

來源

2012-02-19 05:38:54 Vivek

感謝您的HTML修復。 – 2012-02-19 10:00:21

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

回答

相關問題