Native scroll event: Firefox uses different events from other browsers
/* * Scroll wheel events are special only in Firefox. Use dommousescroll; Use mousewheel in other browsers ;* */ // Firefox Document. Body. addeventlistener ("dommousescroll ", Function (Event ){ VaR Direction = event. Detail & (event. Detail> 0? "Mousedown": "mouseup" ); Console. Log (Direction );}); // Chrome and IE Document. Body. onmousewheel = Function (Event) {event = Event | Window. event; VaR Direction = event. wheeldelta & (event. wheeldelta> 0? "Mouseup": "mousedown" ); Console. Log (Direction );};
Events with jquery compatibility
// Jquery-compatible scroll wheel events $ (Document). On ("mousewheel dommousescroll ", Function (E ){ VaR Delta = (E. originalevent. wheeldelta & (E. originalevent. wheeldelta> 0? 1:-1) | // Chrome & IE (E. originalevent. Detail & (E. originalevent. Detail> 0? -1: 1 )); // Firefox If (Delta> 0 ){ // Roll up Console. Log ("wheelup" );} Else If (Delta <0 ){ // Roll down Console. Log ("wheeldown" );}});