滾動選擇標記，但沒有身體

<select multiple style="width:200px; height:100px"> ... </select>

其中包含內有很多項目。因此，出現一個滾動條。但是，當我試圖向下滾動列表時，不僅列表滾動（期望的結果），而且整個頁面也滾動下來（這非常煩人）。

任何人都知道如何解決這個問題？

編輯：對不起，我們要留下細節。下面是一個完整的代碼

<!DOCTYPE html> 
<head> 
    <title>Head</title>  
</head> 
<body> 
<div style="width:200px;"> 
    <select multiple style="width:200px; height:100px;"> 
     <option>a</option><option>a</option><option>a</option><option>a</option> 
     <option>a</option><option>a</option><option>a</option><option>a</option> 
     <option>a</option><option>a</option><option>a</option><option>a</option> 
     <option>a</option><option>a</option><option>a</option><option>a</option> 
     <option>a</option><option>a</option><option>a</option><option>a</option> 
     <option>a</option><option>a</option><option>a</option><option>a</option> 
     <option>a</option> 
    </select> 
    a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br> 
    a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br> 
    a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br> 
    a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br> 
    a<br>a<br>a<br>a<br> 
</body> 
</html>

的Safari 6顯示正確的行爲（滾動翻頁只有當選擇的滾動條已經是在底部），而Chrome 28沒有。

來源

2013-07-25 Register Sole

請在這裏或在jsfiddle上發佈您的HTML CSS代碼，還有一件事是 - 你有沒有在其他瀏覽器上試過它？它適用於差異瀏覽器嗎？ – Chandrakant

@Chandrakant對不起，現在我編輯了這篇文章。 –

This post描述瞭如何可以暫時抑制滾動。您可以使用該代碼的一部分來解決您的問題。

來源

2013-07-25 06:19:17 Eschon

滾動選擇標記，但沒有身體

回答

相關問題