是否可以仅使用CSS在下拉菜单中实现垂直滚动条?

时间:2010-11-01 17:35:25

标签: javascript jquery css

当菜单中的选项超过8时,我想在下拉菜单中实现垂直滚动。是否可以通过单独使用Css属性来实现这一点?请让我知道我应该如何解决这个问题

3 个答案:

答案 0 :(得分:1)

使用CSS绝对可以。您需要做的就是在菜单上设置一个固定的高度(所以将高度设置为8个项目,然后给它overflow-y: auto。这告诉浏览器如果超出固定高度,则应显示垂直滚动条。

答案 1 :(得分:1)

在包含div上设置“overflow:auto”属性。要折叠div,如果它少于8个项目,那么您将需要使用max-height:属性。它不适用于IE6,因此请使用hack to get around IE6

答案 2 :(得分:0)

ul li ul添加您想要的高度,例如height:80px;overflow-y:auto;