在主窗口上禁用滾輪滾動

Question

我似乎無法找到答案，如果已經回答，我表示歉意。

我在我的網站的div中使用滾動功能，會發生什麼事情是，用戶滾輪向下滾動到div的底部後，它會自動保持滾動主頁面。我想這樣做，如果指針在div內，停止，只有當指針離開div區域時，才應該整個網站滾動。任何方式來做到這一點？

感謝

Answer 1

要禁用wheel事件，請使用e.preventDefault()像這樣：

$('#myDiv').bind('mousewheel DOMMouseScroll', function(e) { 
    var scrollTo = null; 

    if (e.type == 'mousewheel') { 
     scrollTo = (e.originalEvent.wheelDelta * -1); 
    } 
    else if (e.type == 'DOMMouseScroll') { 
     scrollTo = 40 * e.originalEvent.detail; 
    } 

    if (scrollTo) { 
     e.preventDefault(); 
     $(this).scrollTop(scrollTo + $(this).scrollTop()); 
    } 
}); 

http://jsfiddle.net/eXQf3/371/