2013-01-01 71 views
2

我需要爲ul內的幾個列表項添加更多功能,我想知道如何使用滾動功能來上下滾動,因爲項目的數量。可滾動鏈接列表HTML CSS

這是我的名單:如果

<ul> 
<li>Page 1</li> 
<li>Page 2</li> 
<li>Page 3</li> 
<li>Page 4</li> 
<li>Page 5</li> 
<li>Page 6</li> 
</ul> 
+0

請問您能澄清一下您的問題嗎?目前還不清楚你在問什麼。 –

回答

6

我不是很確定這就是你要搜索什麼,但你可以用具有規定的高度上一個元素包裹清單。

<div id="wrapper"> 
    <ul> 
    <li>Page 1</li> 
    <li>Page 2</li> 
    <li>Page 3</li> 
    <li>Page 4</li> 
    <li>Page 5</li> 
    <li>Page 6</li> 
    </ul> 
</div> 

...和CSS:

#wrapper { 
    overflow:auto; 
    height:200px; 
} 

因此,如果該列表較長/高於200像素(或任何你所指定的)一個垂直滾動條會顯示出來。

+1

爲了更清晰的外觀,你可以考慮'overflow-y:auto;'並在你的'#wrapper'標籤中設置一個寬度足以容納列表。這樣你只有一個垂直滾動條,而不是水平滾動條。 – jbnunn

+0

我試過了,它並沒有做到。一旦滾動,第二和第三項就會同時出現。 –

+0

你可以發佈截圖嗎? – jbnunn