JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv">
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
</div>
Scroll and watch the console log

CSS

div{
    height: 100px;
    width: 100px;
    overflow: scroll;
}

JavaScript

document.getElementById('myDiv').addEventListener('scroll',function(){
    
    console.log(this.scrollTop);
    
});