滚动选择标签但不是正文答案

【问题标题】：scroll select tag but not body滚动选择标签但不是正文
【发布时间】：2013-07-25 14:37:41
【问题描述】：

我有一个选择标签

<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显示正确的行为（仅当Select的滚动条已经在底部时，滚动页面仅在滚动页面上），但是Chrome 28却没有。

【问题讨论】：

请在此处或在 jsfiddle 发布您的 HTML CSS 代码，还有一件事是 - 您是否曾在其他浏览器上尝试过？它适用于差异浏览器吗？
@Chandrakant 抱歉，我已经编辑了帖子。

标签： html scroll scrollbar html-select

【解决方案1】：

This post 描述了如何暂时抑制滚动。您可以使用该代码的一部分来解决您的问题。

【讨论】：