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

Avoid scrolling scrollable elements when scrolling the page using the mousewheel

本文关键字：滚动 元素 鼠标      更新时间：2023-09-26

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

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

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

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

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

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

你可以简单地使用css: 

.something {
    overflow-y: hidden;
}
.something:hover {
    overflow-y: scroll;
}
http://jsfiddle.net/9Lx7a1v6/

相关文章：