title: Default scrollbar position
body: <p>I'm building a chat application in which I need the scrollbar to be at the bottom of the chat window (last message) on page load.</p>
  
  <p>How do I accomplish this (Using jQuery or otherwise)?</p>
  
  <p>Here's the chat window div:</p>
  
  <pre><code>&lt;div id="ccwindow"&gt;
  
        &lt;div class="bubble me"&gt;Hey!&lt;/div&gt;
        &lt;div class="bubble you"&gt;Hello&lt;/div&gt;
        &lt;div class="bubble me"&gt;I saw your post. Want to buy the book. Are you an XYZ University?&lt;/div&gt;
        &lt;div class="bubble you"&gt;Yes, sophomore year.&lt;/div&gt;
        &lt;div class="bubble me"&gt;Great!&lt;/div&gt;
        &lt;div class="bubble you"&gt;I'll buy it. Can you get it to school tomorrow?&lt;/div&gt;
        &lt;div class="bubble me"&gt;Sure. See you tomorrow!&lt;/div&gt;
  
   &lt;/div&gt;
  </code></pre>