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

Below line of code to scroll vertical scrollbar always in bottom of the whole page.

$("html, body").animate({ scrollTop: $(document).height() }, "fast"); 

Below line of code to scroll vertical scrollbar always in bottom of scrollable div container named to "daViewerContainer".

$("#daViewerContainer").animate({ scrollTop: $(document).height() }, "fast");