title: Dynamically scrolling a DIV layer down when data is loaded
body: <p>I coded a chat script and I plucking my hair for couple of months to understand how a DIV layer can be scrolled down on loading some data to it using a <code>Databinder with Repreater</code> in ASP.NET with AJAX extensions.</p>
  
  <p>I read a blog today where the author just gave me the logic but not code and I am not an expert in writing highend JavaScripts. Can anybody help me in constructing it.</p>
  
  <ol>
  <li>Get scroll bar position.</li>
  <li>If scroll bar position is not bottom then move to bottom.</li>
  <li>If scroll bar is scrolled up do no action until new item is loaded to Databinder.</li>
  </ol>
  
  <p>Can anybody provide me with the syntax for the above three please.</p>
  
  <hr>
  
  <p>Or kindly let me know if there is any other way to get rid of my issue.</p>