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

Hi there. You can scroll to bottom after the ajax response but keeping it scrolled to bottom may not be a good idea because the user may want to read previous messages.

There are different scroll methods but I think you are looking for this "element.scrollIntoView()" where "element" is the html tag that contains the last message received. So you just need to call the method on the element that has the last message after the ajax call is completed.

This is from the MOZ docs:

The Element interface's scrollIntoView() method scrolls the element's parent container such that the element on which scrollIntoView() is called is visible to the user

I hope this helps.