How can I keep a div's scrollbar at the bottom of the div using jQuery?
Posted
by dannytatom
on Stack Overflow
See other posts from Stack Overflow
or by dannytatom
Published on 2009-09-09T06:19:26Z
Indexed on
2010/03/23
6:03 UTC
Read the original article
Hit count: 205
I have a div called #output, styled with overflow: scroll;. Using jQuery.ajax, it's being updated every x second. I'd like to have it so that when the scrollbar appears (after the divs filled up), it should continously stay at the bottom of the div instead of the top, like most chat clients do.
I'm sure there's a way to do this, I just can't seem to find it.
Here's the Sass
#output
:margin 0 0 10px 0
:padding 10px
:height 500px
:overflow scroll
:background #111111
:border 1px solid #000000
:color #8e8e8e
and the Haml is just a simple
#output
= @output
© Stack Overflow or respective owner