JSFiddle - React, Tailwind, and code Playground

HTML

<div id='el'></div>

CSS

body {
    height: 2700px;
}
#el {
    width: 50px;
    height: 1000px;
    background: red;
}

JavaScript

$(document).ready(function(){
    
$('body').on({
    'mousewheel': function(e) {
        if (e.target.id == 'el') return;
        e.preventDefault();
        e.stopPropagation();
    }
})

});