Javascript 使用鼠标滚轮滚动页面时,避免滚动可滚动的元素

Javascript 使用鼠标滚轮滚动页面时,避免滚动可滚动的元素,javascript,scrollwheel,Javascript,Scrollwheel,使用鼠标滚轮滚动页面时,如何防止滚动可滚动元素(例如文本区域、带滚动条的div) 当我使用鼠标滚轮从上到下垂直滚动页面时,我希望忽略鼠标光标下出现的可滚动元素 我仍然希望在不滚动页面时滚动“可滚动元素”,而只是将鼠标悬停在元素上并使用滚轮。尝试使用插件jquery鼠标滚轮()并执行以下操作: $('.scrollable').mousewheel(function(e) { return false; } 将类可滚动添加到所述可滚动项。您只需使用css即可: .something {

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

当我使用鼠标滚轮从上到下垂直滚动页面时,我希望忽略鼠标光标下出现的可滚动元素


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

尝试使用插件
jquery鼠标滚轮
()并执行以下操作:

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

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

您只需使用css即可:

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

编辑了我的问题;我仍然希望能够在不滚动页面的情况下滚动元素,但只需悬停元素并使用滚轮…不起作用(请参阅)。当您滚动页面并且div被“在鼠标光标下”滚动时,div被滚动,而不是页面。