Как предотвратить прокрутку страницы при прокрутке элемента DIV? ⇐ Jquery

[Anonymous]

Я рассмотрел и протестировал различные функции, предотвращающие прокрутку тела внутри элемента div, и объединил функцию, которая должна работать.

Код: Выделить всё

$('.scrollable').mouseenter(function() {
$('body').bind('mousewheel DOMMouseScroll', function() {
return false;
});
$(this).bind('mousewheel DOMMouseScroll', function() {
return true;
});
});
$('.scrollable').mouseleave(function() {
$('body').bind('mousewheel DOMMouseScroll', function() {
return true;
});
});

• Это останавливает всю прокрутку, хотя я хочу, чтобы прокрутка по-прежнему была возможна внутри контейнера.
• Это также не деактивируется при отпускании мыши.

Есть идеи или лучшие способы сделать это?

Подробнее здесь: https://stackoverflow.com/questions/760 ... iv-element