get height for a div with overflow:auto;

Question

i have a div with height:100px and overflow:auto the content is dynamic.

i want scroll the div in the bottom

i tried with

$("#chat_content").scrollTop($("#chat_content").height());

but if the content is bigger than 100px $("#chat_content").height() returns 100 and the div isn't scrolled on the bottom

how can i do?

thanks

Answer 1

try $("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight);

Answer 2

Another way is to just wrap the internal content in a div and then just change your ".height" call to

$("#chat_content").scrollTop($("#chat_content div").height());

Answer 3

Get the scrollHeight property from the underlying DOM element:

$("#chat_content").scrollTop($("#chat_content").get(0).scrollHeight);