JSFiddle - React, Tailwind, and code Playground

HTML

<div class="scroll-div"></div>

CSS

html, body {
    height: 100%;
    width: 100%;
}

.scroll-div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: red;
    overflow: hidden;
}

JavaScript

$(window).on('scroll', function() {
    
    alert('This used to work before on Chrome Mac');    
});