title: How to scroll a div to the bottom after appending something to that div?
body: <p>So I am currently using <a href="https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div">this solution</a> to scroll a div to the bottom by writing something like</p>
  
  <pre><code>$(document).ready(function() {
      $('#comment_list').scrollTop($('#comment_list').scrollHeight)
  }
  </code></pre>
  
  <p>But I noticed that when I try to <code>.append()</code> something to <code>#comment_list</code> then do the above code. It doesn't actually scroll to the bottom (maybe the <code>.scrollHeight</code> is a static value?).</p>
  
  <p>For example, this won't work</p>
  
  <pre><code>$('#comment_list').append('&lt;div&gt;something&lt;/div&gt;').scrollTop($('#comment_list').scrollHeight)
  </code></pre>
  
  <p>Neither will this</p>
  
  <pre><code>$('#comment_list').append('&lt;div&gt;something&lt;/div&gt;')
  $('#comment_list').scrollTop($('#comment_list').scrollHeight)
  </code></pre>
  
  <p>Do I need to use some other "trick" or something?</p>
  
  <p>Any tips and suggestions welcomed. Thanks in advance!</p>