JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://brandonaaron.net/javascripts/plugins/mousewheel.js"></script>
0<p>d0<p>d0<p>d0<p>d0<p>d0<p>d0<p>
d0<p>d0<p>d0<p>sdfsdf<p>d0<p>d0<p>d0<p>
d0<p>333<p>d0<p>22222<p>d0<p>d0<p>d0<p>
d0<p>d0<p>d0<p>d0<p>d0<p>d0<p>d0<p>d
0<p>d0<p>d0<p>222<p>d0<p>d0<p>sdfsdf<p>d
0<p>d0<p>sdf<p>d0<p>sdfsdf<p>d0<p>d0<p>d0<p>d0<p>d0<p>d0<p>d

<div class="i"></div>

CSS

html, body {
    overflow:hidden;
}

div.i {
    position:fixed;
    right:0;
    top:0;
}

JavaScript

jQuery(function($) {
    $(document).bind('mousewheel', function(event, delta) {
       var i = $(this).data("scroll") | 0;
       var h = $(this).height();
       var w = $(window).height();
       i += (delta*-15)
  
       if( i >= h-w )
           i = h-w;
       else if( i < 0 || h <= w )
           i = 0;
        
        $("div.i").text("scroll: " + i);
        $(this).scrollTop(i);
        $(this).data("scroll", i )
        return false;
    });
});