選択タグがあります
<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 では表示されません。