If a user drags the scroll bar, uses the scroll wheel or use quick navigation buttons e.g. home button, pg Down button, this event is ocurs.In this example we respond to the scroll event by changing text color of a list.
https://raw.githubusercontent.com/finsweet/jqueryCourse/main/jquery%20events/ex33.js?actionable=true
$(document).ready(function(){
XT1
});
</script>
Live demo
<style>#color-list{max-height: 120px; overflow-y: scroll;}</style><div id="minidivpage" class="example-live"><h4 class="heading-4">Scroll this list:</h4><ul id="color-list" role="list" class="list"><li>Purple</li><li>Blue</li><li>Magenta</li><li>Pink</li><li>Black</li><li>Red</li><li>Green</li></ul><div id="position" class="box">This is some text inside of a div block.</div><a href="#" class="button-3 w-button demo-button">Scroll</a></div>
$(document).ready(function() {
XT1
});
</script>
