jQueryはスクロールを無効にして有効にします

Question

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

ウィンドウのスクロールが無効になっていますが、それぞれの要素はそのままです。 mouseleaveイベントでスクロールを有効にするにはどうすればよいですか？

Answer 1

このようにします。 $.disablescroll：

$('#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

私はこれを処理するためのjQueryプラグインを書いています。

マウスホイール、タッチモーブ、およびボタンからのスクロールを停止します（Page Downなど）。

$('.news-wrap').mouseenter(function() { 

    $(window).disablescroll(); 

}).mouseleave(function() { 

    $(window).disablescroll("undo"); 

}); 

誰かがこの情報を役立ててくれることを願っています。