Question

使用鼠标滚轮滚动页面时，如何阻止滚动可滚动元素（例如文本区域，带滚动条的div）？

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

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

Answer 1

尝试使用插件jquery-mousewheel（get it here）并执行以下操作：

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

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

Answer 2

您只需使用css：

即可

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