get height for a div with overflow:auto;

jquery height scrolltop
Luca Romagnoli picture Luca Romagnoli · Jul 13, 2010 · Viewed 23.3k times · Source

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

Andy E picture Andy E · Jul 13, 2010

Get the scrollHeight property from the underlying DOM element:

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

Related questions

How do you get the rendered height of an element?

How do you get the rendered height of an element? Let's say you have a <div> element with some content inside. This content inside is going to stretch the height of the <div>. How do you …

Read More
jquery $(window).width() and $(window).height() return different values when viewport has not been resized

I am writing a site using jquery that repeatedly calls $(window).width() and $(window).height() to position and size elements based on the viewport size. In troubleshooting I discovered that I am getting slightly different viewport size reports in repeated …

Read More
jquery get height of iframe content when loaded

I have a Help page, help.php that I am loading inside an iframe in main.php How can I get the height of this page once it has loaded in the iframe? I am asking this because I can't …

Read More