JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <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>

<div id="message">
Current scroll position: 0
</div>

CSS

#test {
    height:200px;
    border:1px solid silver;
    border-radius:5px;
    overflow:scroll;
    margin-top:20px;
}

JavaScript

$('#test').scroll(function() {
    $('#message').text("Current scroll position: " + $(this).scrollTop());
});