JSFiddle - React, Tailwind, and code Playground

HTML

<div id='scrollable'>This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. This box should be scrollable. </div>

CSS

#scrollable
{
    height: 100px;
    overflow: auto;
}

JavaScript

jQuery(function($){
    $(document).on('mousewheel', function(e){
        e.preventDefault();
    });
});