JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div-to-update">
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>
    <p>some content</p>        
</div>

CSS

#div-to-update{
    height:100px;
    border:solid 1px gray;
    overflow-y:scroll;
}

JavaScript

$('#div-to-update').on('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
            alert('end reached');
        }
    })