how to fix the scrollbar always at the bottom of a div?

Question

I am doing a simple chat application,I want to fix the scrollbar of a div always at the bottom.just like this

Answer 1

Try this jquery :

$(".messages").animate({ scrollTop: $(document).height() }, "slow");
  return false;

and here is the fiddle : http://jsfiddle.net/EX6vs/

or refers to the height of the element (many agree is the right way), as below:

$(".messages").animate({ scrollTop: $(this).height() }, "slow");
  return false;

and here is the fiddle : http://jsfiddle.net/69vpnyu1/