0

我想在我的网站上放置一个稳定的菜单。在站点中，即使我们向下移动页面，我也希望始终在顶部显示菜单。

示例：iplex.co.in ... 请访问此站点进行演示。

4

4 回答 4

2

您可以通过将<div>withpositions : fixed用于示例来做到这一点

#navigationMenu {
position: fixed;
margin-left: 1086px;
z-index: 10000;
}
于 2012-10-29T07:23:54.977 回答
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

于 2012-10-29T07:24:46.220 回答
2

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

见工作样本

于 2012-10-29T07:27:05.630 回答
0

使用position:fixed;属性到您的菜单id。

于 2012-11-09T13:43:05.420 回答