JSFiddle - React, Tailwind, and code Playground

HTML

<div id='foo' style='height:300px; width:300px; background-color: red;'></div>

JavaScript

$('#foo').bind('mousewheel', function(e){
    if(e.originalEvent.wheelDelta /120 > 0) {
        alert('up');
    }
    else{
        alert('down');
    }
});