JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:900px; border:0;">
    <div id="test">0</div>
</div>

CSS

div {
    float:left;
    margin:5px;
    padding:5px;
    border:1px solid #bbb;
}

JavaScript

$(document).ready(function(){
    
    $('#test').bind('mousewheel DOMMouseScroll', function(event){
        
        var currentValue = parseInt($('#test').text(),10),
            newValue = currentValue + 1;
                
        $('#test').text(newValue);    
        event.preventDefault();
    });
});