Scroll to bottom of div?

Question

I am creating a chat using ajax requests in rails and I'm 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

This is what I used on my site:

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

objDiv.scrollTop = objDiv.scrollHeight;