JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="Scrollable">
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    </div>
</body>

CSS

.noScroll {
    background-color: pink;
    position: fixed;
    width: 100%;
    top: 200px;
}

JavaScript

$('#Scrollable').scroll(function(event){
    console.log('I was scrolled');
});
$('#Scrollable').trigger('scroll');