get height for a div with overflow:auto;

问题:

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

回答1:

Get the scrollHeight property from the underlying DOM element:

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

回答2:

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

回答3:

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());