DIV溢出：滚动 - 当鼠标在里面时禁用页面滚动

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

Pure css。

对于要滚动的div：

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