Scroll to bottom of div?

Question

I am creating a chat using Ajax requests and I'm trying to get messages 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?

Accepted Answer

Here's what I use on my site:

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

Scroll to bottom of div?

Solution

Problem

Related problems