html - 安定したメニューを取得するには？

Question

サイトに安定したメニューを配置したい。サイトでは、ページを下に移動しても常に上にメニューを表示したいと考えています。

例: iplex.co.in ... デモについては、このサイトにアクセスしてください。

Answer 1

あなたはサンプルのために<div>withを置くことによってそれをすることができますpositions : fixed

#navigationMenu {
position: fixed;
margin-left: 1086px;
z-index: 10000;
}

Answer 2

position: fixedページ内のいくつかの要素を修正するために使用する必要があります。

HTML：

<ul id=menu>
<li><a href="#L384">Section 1</a>
<li><a href="#details">Section 2</a>
<li><a href="#FAQ">Section 3</a>
</ul>

CSS：

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

特定の使用法については、次のページを確認してください：http ://www.w3.org/Style/Examples/007/menus.en.html

Answer 3

を使用position:fixedすると、ブラウザ ウィンドウに対する要素の位置を設定できます。

HTML:

<div id="main">
<div id="menu">
    <ul>
        <li><a href="#">Menu1</a></li>
        <li><a href="#">Menu2</a></li>
        <li><a href="#">Menu3</a></li>
        <li><a href="#">Menu4</a></li>
    </ul>
</div>
</div>​

CSS:

#main
{
height:1200px;
width:auto;
border:1px solid Red;   
}

#menu
{
height:50px;
width:auto;
background-color:#DDD;
position:fixed;
top:20px;
left:60px;
}



#menu ul li
{
display:inline;
float:left;
margin:5px 10px;

}

</p>

作業サンプルを見る

Answer 4

position:fixed;メニューにプロパティを使用しますid。