title: "Endless scrolling" effect in a HTML table
body: <p>I am displaying a scrolled data table in a web page.  This table has several thousands of dynamic rows, so it is loaded from the server (via AJAX).</p>
  
  <p>The user can scroll up and down, so what I need is to <strong>detect when the user reaches the end of the scrollbar</strong> (that is, the last row at the bottom of the table) in order to request and show more data.</p>
  
  <p>You can find this effect in google reader, when you scroll down to the last post in a given feed, google requests and shows new posts in a transparent way, but I can't figure out how they achieve it.</p>
  
  <p>By the way, right now I am using a <a href="http://developer.yahoo.com/yui/datatable/" rel="noreferrer">YUI Datatable</a></p>