如何创建滚动或静态侧边栏菜单

Question

我正在寻找有关如何进行侧边栏菜单的编程帮助,如此URL所示:

Nettuts网站链接

我希望我的侧边栏功能就像网站上的侧边栏一样,应用了我自己的外观和感觉.我希望侧边栏滚动,页面固定在自己的位置,就像在Nettuts网站上运行一样.我该怎么编程呢？

Answer 1

它是css类声明中div的css语句position: fixed;.

给你的html这个CSS样式中的任何div,你应该看到它工作.

position: fixed;
height: 132px;
left: 0;
top: 185px;
width: 24px;

Answer 2

那个侧栏只不过是一个固定位置的div.

<style>
.sidebar {
   width: 45px;
   height: 90px;
   position: fixed;
   left: 0px;
   top: 300px;
   border: 1px solid black;
}
</style>
<div class='sidebar'>I'm a sidebar</div>

http://jsfiddle.net/p8dFM/

此时,您可以使用所需的任何功能向侧栏添加元素.