How to make a DIV scroll to its own bottom?

Question

I've created the following chat box:

I've set overflow-auto to the div.

But newer messages apear at the bottom of the div. How can I set the scrollbar to the bottom, but only for this div? (I don't want to scroll into view the chat box.)

nare214 · Accepted Answer · 2022-01-24T15:46:16.100

0

Use scrollTo function on the div and scroll it to: scrollHeight minus clientHeight.

See MDN:

Example: jsfiddle

edited Jan 24 '22 at 15:46

answered Jan 24 '22 at 15:28

nare214

337
2
7

thanks! i'll give you the check once the 2 mins have completed :) – Jan 24 '22 at 15:36
thx :D You're welcome! – nare214 Jan 24 '22 at 15:41

How to make a DIV scroll to its own bottom?

1 Answers1