Jquery disable and enable scroll

Question

$('.news-wrap').mouseenter(function(event) { $(window).mousewheel(function(event) { event.preventDefault(); }); }); 

Window scrolling is disabled, each element leaves the element. How to enable scrolling using mouseleave event?

Answer 1

Like this?

 $('#abs').bind('mousewheel DOMMouseScroll', function(e) { var scrollTo = null; if (e.type == 'mousewheel') { scrollTo = (e.originalEvent.wheelDelta * -1); } else if (e.type == 'DOMMouseScroll') { scrollTo = 1000 * e.originalEvent.detail; } if (scrollTo) { e.preventDefault(); $(this).scrollTop(scrollTo + $(this).scrollTop()); } });​ 

Answer 2

I wrote a jQuery plugin for this: $. disablescroll .

It stops scrolling from the mouse wheel, touch button, and buttons, such as Page Down .

 $('.news-wrap').mouseenter(function() { $(window).disablescroll(); }).mouseleave(function() { $(window).disablescroll("undo"); }); 

Hope someone finds this helpful.