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

Question

Hi all

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 1

Use the .scrollHeight property of the DOM node: $('#your_div')[0].scrollHeight