title: Infinite Scrolling scrollbar position jump
body: <p>I've got a <code>checkScroll</code> handler attached to a div's scroll event (soon to be implemented as a timer instead), which checks to see if the user is nearing the bottom and fetches more data to display. The UI is smooth and works well when used with the mouse scroll wheel, but when dragging the scrollbar the following occurs:</p>
  
  <ul>
  <li><code>checkScroll</code> handler determines user is near the bottom (and for example, let's say <code>scrollTop</code> is 800)</li>
  <li>an AJAX request is sent in the background to fetch more data</li>
  <li>data is returned and appended to the div</li>
  <li>if the scrollbar is still in drag mode, but the mouse hasn't moved since the data has been appended the scrollbar has now changed size and jumped up a bit, <code>scrollTop</code> is still set to 800 and the data is in the same position</li>
  <li>once the mouse is dragged 1px in any direction, the scrollbar jumps back under the mouse and all the data has shifted, the user has lost their original position</li>
  </ul>
  
  <p>Is there a way to prevent this from happening, a la Twitter?</p>