JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>
</div>
    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>    <p>a</p>

CSS

#test {
    width:200px;
    height:200px;
    overflow:scroll;
    border:1px solid #ccc;
}

JavaScript

$("test").addEvent("mousewheel",function(e){
    e.preventDefault();
});