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

Question

我正在寻找有关如何使用此URL显示的侧边栏菜单的编程帮助：

Nettuts Website Link

我希望我的侧边栏功能就像网站上的侧边栏一样，应用了我自己的外观和感觉。我希望侧边栏滚动，页面固定在自己的位置，就像它在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/

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

Answer 3

创建一个类似..

的样式类

.class{
    overflow:auto;
    height:100%;
    width:354px;
    top:185px;
}