JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contain"></div>

JavaScript

$(function() {
    $(document).unbind('mousewheel DOMMouseScroll').on('mousewheel DOMMouseScroll', function(e) {
        var evt = event || e || window.event;
        var delta = evt.detail < 0 || evt.wheelDelta > 0 ? 1 : -1;

        if (delta < 0) {
            $('#contain').append('down<br/>');
            // scroll down
        } else {
            $('#contain').append('up<br/>');
            // scroll up
        }
    });

});