नीचे उपयोगकर्ता स्क्रॉल का पता लगाने या jQuery में

Question

संभव डुप्लिकेट ऊपर स्क्रॉल:
Differentiate between scroll up/down in jquery?

यह पता लगा है, तो उपयोगकर्ता स्क्रॉल ऊपर या नीचे स्क्रॉल करने के लिए संभव है?

उदाहरण:

$(window).scroll(function(){ 

    // IF USER SCROLL DOWN 
      DO ACTION 

    // IF USER SCROLL UP 
      DO ANOTHER ACTION 

}); 

धन्यवाद

Answer 1

स्क्रॉल ऊपर/नीचे jQuery में के बीच अंतर करने के लिए, आप इस्तेमाल कर सकते हैं:

var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x 
$('#yourDiv').bind(mousewheelevt, function(e){ 

    var evt = window.event || e //equalize event object  
    evt = evt.originalEvent ? evt.originalEvent : evt; //convert to originalEvent if possible    
    var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta //check for detail first, because it is used by Opera and FF 

    if(delta > 0) { 
     //scroll up 
    } 
    else{ 
     //scroll down 
    } 
}); 

इस विधि भी divs कि overflow:hidden में काम करता है।

मैंने फ़ायरफ़ॉक्स, आईई और क्रोम में सफलतापूर्वक इसका परीक्षण किया।