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;
}