JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wr">
    <div id="a">
        ой, как тут глубоко...
    </div>
</div>

Проскроллил : <b id="b">0</b> px;

CSS

#a {
    overflow:scroll;
    height: 9999px;
}
#wr {
    border: 1px red solid;
    height: 200px;
    overflow: overlay;
}

JavaScript

log = document.getElementById("b");

document.getElementById("wr").onscroll=function(){
    log.innerHTML = "#wr, "+this.scrollTop;
}
    
document.getElementById("a").onscroll=function(){
    log.innerHTML = "#a, "+this.scrollTop;
}