jQuery div scroll
HTML
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<div id="scrollable">
<p> a </p>
<p> b </p>
<p> c </p>
<p> d </p>
<p> e </p>
<p> f </p>
<p> g </p>
<p> h </p>
</div>
CSS
#scrollable{
height:200px;
width:200px;
border:1px solid black;
overflow-y: scroll;
}
JavaScript
$("#scrollable").scroll(function() {
console.log('scroll');
});