在 div 中滚动 ul 列表答案

【问题标题】：Scrolling a ul list in a div在 div 中滚动 ul 列表
【发布时间】：2013-10-18 13:46:19
【问题描述】：

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

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

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

【问题讨论】：

在此处添加您的代码或创建一个 jsfiddle

标签： jquery asp.net css

【解决方案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>

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

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

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

应该做的伎俩:)

【讨论】：