使用鼠标滚轮滚动页面时，避免滚动可滚动元素

Question

当使用鼠标滚轮滚动页面时，如何防止滚动可滚动元素(例如文本区域，带滚动条的div) ?

当我使用鼠标滚轮从上到下垂直滚动页面时，我想忽略碰巧在鼠标光标下出现的可滚动元素。

我仍然想滚动"可滚动的元素"，而不是滚动页面，而只是悬停在元素和使用滚轮。

Answer 1

尝试使用插件jquery-mousewheel(在这里得到它)并做这样的事情:

$('.scrollable').mousewheel(function(e) {
   return false;
}

将类scrollable添加到所述可滚动项

Answer 2

你可以简单地使用css:

.something {
    overflow-y: hidden;
}
.something:hover {
    overflow-y: scroll;
}

http://jsfiddle.net/9Lx7a1v6/