How do I get the real .height() of a overflow: hidden or overflow: scroll div?

jquery height overflow
emilolsson picture emilolsson · Mar 26, 2010 · Viewed 123.5k times · Source

I have a question regarding how to get a div height. I'm aware of .height() and innerHeight(), but none of them does the job for me in this case. The thing is that in this case I have a div that is overflown width a overflow: scroll and the div has a fixed height.

If I use .height() or innerHeight(), both of them gives me the height of the visible area, but if I want the overflown taken in to account, how do I go about?

Answer

reko_t picture reko_t · Mar 26, 2010

Use the .scrollHeight property of the DOM node: $('#your_div')[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