Scroll to bottom of div?

Question

I am creating an ajax chat in rails and I am trying to get a div to scroll to the bottom without much luck.

I am wrapping everything in this div:

#scroll {
    height:400px;
    overflow:scroll;
}

Is there a way to keep it scrolled to the bottom by default using JS?

is there a way to keep it scrolled to the bottom after an ajax request?

Answer 1

Here's what I use on my site (I didn't write it, I just found it somewhere since I don't know Javascript too well.)

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

Answer 2

If you use jQuery then may be you can take a look at this great plugin, it has a lot of options for scrolling, check it out here http://flesler.blogspot.com/2007/10/jqueryscrollto.html

Answer 3

this is much easier if your using jquery.

$("#mydiv").scrollTop($("#mydiv")[0].scrollHeight);