2012-02-19 10 views
0

相続人のサイトには、私は私のナビゲーションバーのスクロールを行うことが目標と思いますどのセレクタ http://designobvio.us/DoUs/directPro.htmlナビゲーションバーを固定してページをスクロールするセレクタは?

誰でも知っています。

私はそれを修正しようとしましたが、私のグリッドが壊れてしまった場合は、正しいセレクタで私にCSSのスニペットをお願いします。マシュー

+0

#navを、#nav ulの位置:固定 –

+0

これは私がグリッドレイアウトが嫌いな理由です。 – rockerest

答えて

0

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

あなたはCSSを使用できない場合:

#nav{ 
    position: fixed; 
} 

が次にあなたが#idに変数margin-topを強制的にjavascriptの修正に依存する必要があります。

+0

JavaScriptの修正のためのキーワードに感謝します。ポジション:固定されているだけで揮発性です。それはコードの残りの部分を壊します... –

1

その後、uはnav#id
すなわち#navの位置に固定することができた後にまず、私が正しくすなわち

<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 MSTレイアウトを考えてまず最初に{フロート:左;位置:固定}

+0

html修正のためにありがとう。 –

関連する問題