JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <div id="inner">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus mollis volutpat. Sed sit amet ante velit, ac feugiat ipsum. Cras tristique dignissim aliquet. Ut imperdiet mollis ligula sit amet bibendum. Duis lacinia magna sit amet nunc congue elementum. Maecenas tempus augue vel tortor tincidunt consectetur. Praesent ac turpis ipsum. Etiam tincidunt scelerisque consequat. In pretium, tellus et gravida ultricies, eros justo fringilla nibh, facilisis commodo nunc metus quis orci.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus non ligula dui. Phasellus et urna felis, non imperdiet eros. Etiam ultrices sagittis sollicitudin. Nulla leo eros, volutpat ac gravida a, luctus nec magna. Aliquam et sapien sapien. Curabitur vulputate elit eu erat interdum pellentesque. Vivamus nibh risus, aliquam nec feugiat non, cursus nec lectus. Etiam vehicula, mauris id gravida pulvinar, eros ligula porttitor nunc, a ultricies neque turpis et felis. Morbi lobortis interdum nisi, vel rutrum elit varius sit amet. Ut lorem nulla, lacinia a adipiscing non, rhoncus eu nulla. Sed non felis non dui eleifend mattis. Integer in libero leo, ut ullamcorper libero.

Praesent volutpat fermentum ante sed adipiscing. Praesent ultrices tempus mauris, id imperdiet urna dapibus vel. Suspendisse urna enim, vestibulum sagittis sagittis eu, tristique ut tortor. Pellentesque vulputate pharetra augue, sed consectetur erat tristique sed. Aenean at dolor vel eros fringilla gravida. Vivamus nec velit nisl. Nam sapien libero, commodo sollicitudin elementum id, gravida ac quam. Morbi nec ante luctus quam ornare pharetra id sit amet ligula. Sed viverra libero vitae lorem dapibus mollis. Praesent ultricies, lorem quis molestie rhoncus, ligula erat fermentum lectus, sed consequat metus libero eget leo. Aliquam porttitor, mauris non suscipit lacinia, eros nibh venenatis sem, eu laoreet sapien tellus sed...

CSS

#outer {
   overflow: hidden;
   height: 200px;    
}

#inner {
  
   top: 0px;    
}

JavaScript

$(document).ready(function() {
    $("#inner").css("top", "10");
    $(window).bind('mousewheel', function(event, delta) {
        if (event.originalEvent.wheelDelta < 0) {
          $("#inner").css("top", parseInt($("#inner").css("top"), 10) - 5 + "px");
        }
       else {
        $("#inner").css("top", parseInt($("#inner").css("top"), 10) + 5 + "px");       
       }
    });        
});