如何创建一个滚动或静态工具栏菜单

问题描述：

我期待的节目要了解如何做一个工具栏菜单像这个URL所示：如何创建一个滚动或静态工具栏菜单

我想我的侧边栏，只是功能就像网站上的边栏一样，我自己的外观和感觉也适用于它。我希望侧边栏在固定在自己的位置的页面滚动，就像它在Nettuts网站上运行一样。我将如何编程？

答

它是一个div与css类声明中的css语句position: fixed;。

给你的html这个CSS样式的任何div，你应该看到它的工作。

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

+1我正要键入... – jeroen

我会在哪里放置格在我的文档？ – Kevin

之间的

标签。任何你想要的，因为CSS会将div移动到正确的位置。 – vascowhite

答

那边栏只不过是一个固定位置的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/

此时，您添加的元素与你想要的任何功能的侧边栏。

答

创建一个样式类如..

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

如何创建一个滚动或静态工具栏菜单

相关推荐