JSFiddle - React, Tailwind, and code Playground

HTML

<div id="notscroll">
    <ul>
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>        
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>        
    </ul>
</div>
<div id="yesscroll">
    <ul>
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>        
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>        
    </ul>
</div>

CSS

#notscroll, #yesscroll{
 border: solid red;
 height: 100px;
 overflow: auto;  
    
}

JavaScript

$('#notscroll').bind('mousewheel', function() {
     return false
});