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

you want something like this, where box is the div that contains your chat. call these on page load.

var box = document.getElementById('Box');
box.scrollTop = box.scrollHeight;

also call this when you post a new chat.

i had created a similar application using google app engine. you can have look at it here

http://chatter-now.appspot.com/

feel free to use it as reference. although you are using php, the visual aspects might be helpful.