How to scroll to bottom of div?

Question

I'm creating a chat function using Ajax requests, but I'm trying to get the message div to automatically scroll to the bottom without success.

I wrapped everything in this div:

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

Is there a way to make it scroll to the bottom by default using JS?

Is there a way to keep scrolling to the bottom after an Ajax request?

Answer 1

This is much easier if you are using jQuery scrollTop:

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

Answer 2

This is the code I use on my website:

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