创建固定的导航栏

Question

我有以下导航栏，当页面滚动时向下滚动，如果设备比宽度更高，则更改位置，如果设备高于宽，则显示在左侧的某个位置，并且打开否则。

我有执行代码：

#navbar li { display: inline; list-style-type: none; list-style-image: none; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

#navbar li { display: block; list-style-type: none; list-style-image: none; }

我需要代码来制作导航区域：

<div id = "navbar"> <input type="button" value="previous page" action="" name="previous page" onclick="doPrev();"/> <input type="button" value="next page" action="" name="next page" onclick="doNext();"/> <li><a href="numofchapters.htm">Number of chapters</a></li>

</div>

即使在滚动时也始终可见。这是怎么做的？

Answer 1

您需要添加＆＃34; position：fixed;＆＃34;到你的CSS并指定一个高于你的其他包含的z-index（有些人使用＆＃34; z-index：100;＆＃34;）。我在这个网站上了解了z-index，尝试搜索！希望这会有所帮助。

Answer 2

首先尝试添加

position: fixed;

到菜单包装元素的CSS。 在您的情况下：#navbar ul

Answer 3

http://jsfiddle.net/LtBh6/

添加

#navbar {
position: fixed;
}

到你的CSS文件。您现在可能需要为下面的元素添加边距。