禁用向下滾動jQuery

Question

有什麼辦法可以禁用只能在jQuery中向下滾動嗎？

非常感謝你提前

Answer 1

$('html, body').bind('DOMMouseScroll mousewheel MozMousePixelScroll', function(e) { 
    var scrollTo = 0; 

    if (e.type == 'mousewheel') { 
     scrollTo = (e.originalEvent.wheelDelta * -1); 
    } 
    else if (e.type == 'DOMMouseScroll') { 
     // scrollTo = 20 * e.originalEvent.detail; // turns out, this sometimes works better as expected... 
     scrollTo = e.originalEvent.detail; 
    } 

    if (scrollTo > 0) { 
    e.preventDefault(); 
    return false; 
    } 
}); 

Here you have a working fiddle

Answer 2

繼Alex的答案，我設法做到這一點，在未來的方式：

$(window).on('DOMMouseScroll mousewheel MozMousePixelScroll', function(e) { 
    var direction = 0; 
    if (e.type == 'mousewheel') { 
     direction = (e.originalEvent.wheelDelta * -1); 
    } else if (e.type == 'DOMMouseScroll') { 
     direction = e.originalEvent.detail; 
    } 
    var divHeight = $("#myDiv").height(); 
    var scrollTop = $(this).scrollTop(); 
    if (direction > 0 && scrollTop > divHeight - window.innerHeight) { 
     e.preventDefault(); 
     return false; 
    } 
});