jQuery - Get mousewheel scroll event to detect scrolling direction cross browser

jQuery-mousewheel-direction-capture.js

$('body').on('mousewheel DOMMouseScroll', function(e){
  if(typeof e.originalEvent.detail == 'number' && e.originalEvent.detail !== 0) {
    if(e.originalEvent.detail > 0) {
      console.log('Down');
    } else if(e.originalEvent.detail < 0){
        console.log('Up');
    }
  } else if (typeof e.originalEvent.wheelDelta == 'number') {
    if(e.originalEvent.wheelDelta < 0) {
        console.log('Down');
    } else if(e.originalEvent.wheelDelta > 0) {
        console.log('Up');
    }
  }
});

Waoh, I was looking for something like that for a looooooong time, my goal was to disable the scroll on a specific div while still being able to navigate throught a slider with the mousewheel.

Thanks a lot !

My hero!

Bro, huge thank you

That's very helpful but it's taking too much time to scroll down or up on mouse wheel event.