div上的滚动条只有在超过30个项目时才会出现

时间:2014-06-19 10:05:05

标签: javascript jquery html css

我有一个包含其他div(列表项)的容器div。 此容器div的大小应等于30个项目的高度。 如果容器div中有超过30个项目,它应保持相同的大小,但显示垂直滚动条。

问题:

  

有没有办法用CSS设置这个容器div的样式,这样只有在添加了超过30个列表项后,才会出现滚动?    或者我必须在CSS中“硬编码”容器div的高度,这将是list_item * 30。或者其他可能性:使用JavaScript动态改变高度   初始化容器取决于列表项高度。这些是唯一正确的吗?   如何做到这一点?

谢谢。

2 个答案:

答案 0 :(得分:1)

如果列表中的每个项目具有相同的高度,则“硬编码”可能是更简单的方法。只需将item_height * 30的高度设置为div即可overflow:auto

答案 1 :(得分:0)

提到CSS高度为父div,overflow-y提示滚动。

这里我为父div获取两个div高度。

示例

enter code here

http://jsfiddle.net/2C7qH/