html – CSS：只允许侧面菜单滚动

概述例子是 http://jsfiddle.net/zsSrZ/ 页面本身是不可滚动的,#container中的内容也是如此,但我无法弄清楚如何使侧面导航可滚动.在这个例子中,我用li’s过量填充了#menu,所以它溢出了页面,但你没有看到它,因为溢出被​​设置为关闭身体. HTML <div id="menu"> <ul> <li></li> . . 例子是 http://jsfiddle.net/zsSrZ/

页面本身是不可滚动的,#container中的内容也是如此,但我无法弄清楚如何使侧面导航可滚动.在这个例子中,我用li’s过量填充了#menu,所以它溢出了页面,但你没有看到它,因为溢出被​​设置为关闭身体.

HTML

<div ID="menu">  <ul>    <li></li>        .        .         .        .        .    <li></li>  </ul></div><div ID="container"></div>

CSS

#container {  position:absolute;  wIDth:100%;  top:0;  bottom:0;  z-index:-1;  overflow:hidden;  background:red;}#menu {  wIDth:200px;  background:white;  float:left;  height:100%;  margin-top:54px}

解决方法 我只是给你一个例子,说明我如何使用溢出滚动来完成我的一个表.你应该设置一个高度,然后说你想要在y轴或x轴上滚动,例如溢出-Y.

我桌子的CSS：

#exampletable {    margin-left: auto;    margin-right: auto;    overflow-y: auto;    height: 150px;    wIDth: 680px;}

总结

以上是内存溢出为你收集整理的html – CSS：只允许侧面菜单滚动全部内容，希望文章能够帮你解决html – CSS：只允许侧面菜单滚动所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。