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

トリックを行う必要があります:)