jquery - 在 div 中滚动 ul 列表

Question

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

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

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

Answer 1

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>

Answer 2

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

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

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

<div class='divScroll'>
    <ul>
        <li></li>
        ......
    </ul>
</div>

Answer 3

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

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

应该做的伎俩:)