Question

I have a <div> which has the property scroll:auto. When text is added to the <div> and the height exceeds the default height, I have to scroll down to see the latest lines of text added. I want the latest line of text to always be visible. If I could do that, I could just use scroll:none instead of auto. How can I achieve that? I hope you understand what I mean.

Update: BilgehanKorkmaz’s solution works, but not after a while. If I enter A LOT of text the scrolling doesn’t work anymore.

Answer 1

Edit: Set scroll height value to .scrollTop():

$("div").scrollTop($("div").get(0).scrollHeight);