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

應該做的伎倆:)