javascript在下拉列表中顯示垂直滾動條

Question

我有一個下拉列表，其中有幾個選項。當用戶點擊下拉列表時，它必須顯示前四個項目和一個垂直滾動條。當用戶滾動顯示列表 中的剩餘物品時。

請找到樣品小提琴。 http://jsfiddle.net/db8Lp/105/

請建議如何使用javascript/css來查看垂直滾動條來查看列表中的其餘項目。由於我是新手，任何建議都會非常有幫助。 我試過在<select>中使用size="4"，但在頁面加載時顯示帶滾動條的列表，但我的要求是當用戶單擊下拉列表時顯示帶滾動條的列表。請指教。

Answer 1

這真的很容易解決，你可以使用只有HTML和CSS。

這是demo。

在你的HTML，你應該添加...

<select size="4"> 

在你的CSS，你應該添加...

select { 
    overflow-y: scroll; 
}