多级可滚动菜单 [英] Multilevel scrollable menu

问题描述

我想制作一个多层滚动菜单。我该怎么做？
这是我为测试所做的 FIDDLE ：

  .nav ul {
 position：absolute; 
 margin：0; 
 padding：0; 
 list-style：none; 
 display：block; 
 overflow：scroll; 
 max-height：100px; 
} 
  

我尝试了设置max-height，滚动。但它不显示我想要的。我想它是例如：2级可滚动，同时3级，4级仍然并排，当我的鼠标在它。

解决方案

p> http://jsfiddle.net/jq1zrkwo/4/

刚刚删除：

  max-height：100px; 
 overflow：scroll; 
  

I want to make a multilevel scrollable menu. How can I do it? Here is the FIDDLE I make for testing:

.nav ul {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: block;
overflow: scroll;
max-height: 100px;
}

I have tried out to set the max-height, and add the overflow: scroll. But it doesnt display what I want. I want it to be eg: level 2 scrollable, meanwhile level 3, level 4 still stay side by side when i mouse over it. Thank you guys!

解决方案

Is this better ?

http://jsfiddle.net/jq1zrkwo/4/

just removed this :

max-height:100px;
overflow:scroll;

这篇关于多级可滚动菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！