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

Question

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

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

我仍然想在不滚动页面时滚动“可滚动元素”，而只是将鼠标悬停在元素上并使用滚轮。

Answer 1

尝试使用插件 jquery-mousewheel (get it here) 并执行如下操作:

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

将 scrollable 类添加到所述可滚动项目的位置。