A simple question, a complicated answer (unless the answer is "no", of course).
I have a basic layer as described in the code below. With overflow set to "auto", a scrollbar appears in all current browser versions I have tested. Is there a way to detect that the scrollbar has been dragged all the way down to the bottom of the text? I am trying to get people to read instructions before click on an "I have read the instructions" box, and so I'd like to get an event to enable focus on the checkbox.
<div style="position:relative; width:400px; height:300px; background-color:#ffffff; overflow:auto;">
Lots of text
<input type="checkbox" value="agree" name="cBox" />