JSFiddle - React, Tailwind, and code Playground

by Sarower Jahan

HTML

<div id='no_scroll'></div>

CSS

body {
        height: 2000px;
    }
    #no_scroll{
        width: 50px;
        height: 1500px;
        background: blue;
    }

JavaScript

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