JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
</div>

CSS

#test {
  width: 500px;
  height: 15500px;
  background-color: #4f49ff
}

JavaScript

var to1;
    var sum = [];
    $("#test").on('mousewheel', function(e) {
        e.preventDefault();
        e.stopPropagation();
        sum.push(e.originalEvent.wheelDelta);
            document.getElementById("test").innerHTML+=" "+sum.toString();
        sum=[];
    })