JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://raw.github.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js"></script>

<div class="toScroll">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac tellus libero. Morbi ut consequat quam. Vivamus at turpis a turpis pretium mattis. Donec nibh nisi, consectetur eget semper eu, semper egestas magna. Nullam rhoncus ullamcorper feugiat. Aliquam at enim nec nisi egestas mollis quis id mauris. Mauris ut augue erat. Cras a porta ligula. In convallis pharetra velit, et dictum mauris fermentum id. Etiam ac elit mauris. Sed eget quam diam. In ac nibh lectus.

Aliquam fringilla tortor ut diam tincidunt volutpat. Etiam quis rutrum ligula. Donec et tellus nec nibh bibendum fermentum id vel neque. Integer vel tellus nulla, sit amet tincidunt quam. Nullam consectetur purus pulvinar eros accumsan ac laoreet massa interdum. Nullam tincidunt blandit sem, nec imperdiet augue pretium sit amet. Maecenas ultrices ultrices velit, id varius eros consectetur aliquam. Cras posuere, ipsum ac mollis egestas, orci metus semper mi, id lacinia quam orci faucibus sapien.

Donec vel risus eget libero hendrerit ornare. Vestibulum sollicitudin tempor neque vel lacinia. Nullam bibendum mi sed odio placerat sit amet viverra nibh porta. Proin consectetur arcu nec lacus sagittis quis facilisis turpis tempus. In volutpat ornare nisi nec lacinia. Sed et mi sapien. Pellentesque at velit metus, rhoncus scelerisque sapien. Curabitur dictum felis sit amet arcu egestas in pulvinar nibh faucibus. Vivamus sollicitudin laoreet augue, ut dictum tortor feugiat ac. In sodales libero nec libero tempor tristique. Pellentesque blandit quam id urna scelerisque volutpat nec id risus.

Nunc rutrum auctor quam at tempor. Vivamus at sodales mauris. Donec varius tortor non orci malesuada sed laoreet massa posuere. Vivamus id tincidunt sapien. Aliquam erat volutpat. Aenean et massa ut urna ultrices ultrices at et leo. Vestibulum ante ipsum primis in...

CSS

.toScroll{
    height:200px;
    width:200px;
    overflow-y:hidden;
    background:#777;
}

JavaScript

var lineHeight = 20;
$('.toScroll').on('mousewheel',function(event, delta, deltaX, deltaY){
    if(!$(this).attr('data-scrolltop')){
        $(this).attr('data-scrolltop',0);
    }
    var scrollTop = parseInt($(this).attr('data-scrolltop'));
    scrollTop += (-deltaY * lineHeight);
    $(this).attr('data-scrolltop',scrollTop);
    $(this).scrollTop(scrollTop);
});