jquery Scroll Event

The scroll event is sent to an element when the user scrolls to a different place in the element.
HTML

<div id="target" style="height: 100px; overflow: scroll; width: 200px;">
Click Event
Double Click Event
Keydown Event, Keypress Event and Keyup Event
Change Event
Select Event
Focus, Focus In and Focus Out Events
Blur Event
Bind Event
Toggle Event
Resize, Load and Unload Events
Scroll Event
Mouse down, Mouse Up Events
Mouse Enter, Mouse Over and Mouse Leave Events
Error Event
</div>
<div id="other">
Trigger the handler
</div>
<div id="log">
</div>

JavaScript

$('#target').scroll(function() {
  $('#log').append('<div>Handler for .scroll() called.</div>');
});​

CSS

#other { color:red; }
#log { color:green; }

Demo / Download