1

我有一个 div,其中有<ul>几个项目。封闭的 div 附加了一个 css 类以进行样式设置。

我想要做的是能够在项目<ul>增加时滚动 div。

我尝试使用 jScrollPane 但没有运气。有人可以帮助如何滚动 div 或 ul 吗?

4

3 回答 3

2

http://jsfiddle.net/2VNyd/

<div style="height:100px;overflow-y:scroll">
    <ul>
        <li style="height:15px:">asd</li>
        <li style="height:15px:">as</li>
        <li style="height:15px:">asd</li>
        <li style="height:15px:">asd</li>
        <li style="height:15px:">asd</li>
        <li style="height:15px:">asd</li>
        <li style="height:15px:">asd</li>
        <li style="height:15px:">asd</li>
        <li style="height:15px:">asd</li>
        <li style="height:15px:">asd</li>

    </ul>

</div>
于 2013-10-18T05:38:36.797 回答
1

设置div的固定高度。
将溢出设置为自动。

.divScroll
{
    width:150px;
    height:150px;
    overflow:auto;
}  

并不是说当高度自动超过 150 时,div 上会显示一个滚动条。

<div class='divScroll'>
    <ul>
        <li></li>
        ......
    </ul>
</div>
于 2013-10-18T05:35:56.170 回答
1

在CSS中,可以设置固定高度,设置溢出为滚动。

ul.whateverclass (or ul#whateverid)
{height: px;   //desired height//
overflow-y: scroll;}  //use overflow-x for horizontal scroll, and overflow for both//

应该做的伎俩:)

于 2013-10-18T05:43:21.030 回答