2010-11-05 151 views
29

我的頁面上有垂直滾動條的問題。我有很多在裏面div div內的項目,我嘗試了溢出:自動風格的div,但它沒有幫助。如何將垂直滾動條添加到ul或div?UL或DIV垂直滾動條

<div id="content"> 
<p>some text</p> 
<ul> 
<li>text</li> 
..... 
<li>text</li> 
</div> 
+1

網頁中的額外滾動條使其不易訪問,使用起來更麻煩。我並不是說他們沒用,只要確保你已經想好了很長時間,用戶就可以在頁面上添加滾動條,而不需要它們。 – zzzzBov 2010-11-05 03:41:32

回答

74

您需要定義UL或您的DIV的高度,並設置溢流等於自動如下:

<ul style="width: 300px; height: 200px; overflow: auto"> 
    <li>text</li> 
    <li>text</li> 
+1

滾動條有沒有可能不可見? – Damir 2010-11-05 01:28:29

+0

你的意思是不可見的?您可以通過使用最小高度或最大高度更改高度來獲得所需的輸出。 – subosito 2010-11-05 01:32:32

+0

不,我的滾動條iz出現藍色時。我不知道是否有機會隱身,就像在Android手機上一樣? – Damir 2010-11-05 01:46:44

6

您需要設置一個高度上的DIV。否則它將無限期地繼續擴大。

+0

OP要求垂直滾動條。 – 2014-08-15 01:27:18