Question

我有一个div，其中有<ul>个项目。封闭的div有一个附加到它上面的css类用于样式化。

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

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

Answer 1

<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的固定高度将溢出设置为auto。

.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//

应该做的伎俩：）

在div中滚动ul列表

3 个答案: