JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height: 1200px; width: 800px"></div>

JavaScript

function wheel(e) {
        console.log(e);
        if ( e.wheelDeltaX !== 0 ) {
            e.preventDefault();
        }
    };
    
    function disable_scroll() {
        if ( window.addEventListener ) {
            window.addEventListener('DOMMouseScroll', wheel, false);
        }
        window.onmousewheel = document.onmousewheel = wheel;
    };

    disable_scroll();