Question

我有一个选择标记

<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不会。

Answer 1

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

滚动选择标签但不滚动身体

1 个答案: