title: jQuery : how to determine that a div is scrolled down
body: <p>I have a div with defined height, and <code>overflow:scroll;</code>. Its content is too long so scrollbars appear.</p>
  
  <p>Now for the ichy part. Some of its inner HTML strangely appears all the time (to be precise, the footer of a table generated by the tableFilter plugin). I'd like to make this footer disappear when it is not needed (it actually appears out of the containing <code>&lt;div&gt;</code>'s border). I resolved to make it disappear but setting its <code>z-index</code> to <code>-1000</code>. But I want to make it appear when the containing <code>&lt;div&gt;</code> is totally scrolled down. </p>
  
  <p>How can I know the user has scrolled at the bottom ?</p>
  
  <hr>
  
  <p>Using the help from answers below, I used <code>scrollTop</code> attribute but the difference between <code>scrollTop</code> and <code>innerHeight</code> is the size of the scrollbar plus some unidentified delta. A scrollbar is 16 pixels high in most browsers under Windows, but I get a difference of 17 in Firefox and something like 20 in IE, where my <code>&lt;div&gt;</code> content's borders seems to be rendered bigger.</p>
  
  <p>A way (actually two ways...) to compute the scrollbar size has been given <a href="https://stackoverflow.com/questions/986937/get-the-scrollbar-sizes-in-javascript">there</a>.</p>