DIV Overflow:scroll - 当鼠标位于内部时禁用页面滚动

Question

是否可以禁用鼠标滚轮在某个 DIV 内滚动页面的功能。这样它只能滚动 div 而不能滚动页面。 JQuery 库已安装，所以我想它会是类似于 .scroll() 和 stop.pagination 的东西，但我不太了解如何做到这一点。

有什么想法吗？

奇妙

Answer 1

修好了。

$('.scrollable').mouseenter(function(){
                    $('body').css('overflow', 'hidden');
                });
                $('.scrollable').mouseleave(function(){
                    $('body').css('overflow', 'auto');
                });

Answer 2

纯CSS。

对于要滚动的 div：

#divId {
    overflow: scroll;
    height: someHeight;
}