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

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/