JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<script src="https://github.com/cowboy/jquery-throttle-debounce/raw/master/jquery.ba-throttle-debounce.min.js"></script>
<div id="scrollableDiv">
    <div id="someContent">
        Scroll me.  
    </div>
</div>

CSS

#scrollableDiv{
    width:500px;
    height:100px;
    overflow:scroll;
}

#someContent{
    width:600px;
    height:200px;
}

JavaScript

// Open your console
var scrollEnded = $.debounce(500, false, function() {
    console.log('scroll ended');
});

$('#scrollableDiv').scroll(scrollEnded);