title: How to set div scrollbar to bottom by default
body: <p>This is div.</p>
  
  <pre><code>&lt;div id='showmymessage' style="height:490px;overflow:auto;"&gt;
  </code></pre>
  
  <p>Hey nothing is working in my case. Div is set to <code>overflow:auto</code>.</p>
  
  <p>I tried all these ways but scrollbar is not loading at bottom position.</p>
  
  <ol>
  <li><p><code>document.getElementById('showmymessage').scrollTop = 99999999999;</code></p></li>
  <li><p><code>var myDiv = document.getElementById('showmymessage');
  myDiv.scrollTop = myDiv.scrollHeight;</code></p></li>
  <li><p><code>$('#showmymessage').scrollTop($('#showmymessage')[0].scrollHeight);</code></p></li>
  </ol>
  
  <p>Please somebody tell if I made any mistake and try to help.</p>