Internet explorer gives total webpage height as "0"

Question

I am trying to get total height of webpage using javascript as follows

var pageHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;

works fine for me in other browsers but Internet explorer returns a value '0' for it. why?

Which version IE? Their versions are as different as black and white.. — techfoobar, May 05 '13 at 12:07
Your code works fine in IE9 and IE10 both, see [this fiddle](http://jsfiddle.net/9gpht/1/). I think the reason for your confusion is that all browsers have a different idea of what the `offsetHeight` is - it's not identical to the viewport, and I think you're looking for that. — Niels Keurentjes, May 05 '13 at 12:11
if you're in IE10, have you checked that your page is actually in IE10 standards mode, and not compatibility mode or quirks mode. IE10 itself should be fine, but these older modes will definitely have issues like the one described. — Spudley, May 05 '13 at 13:56

Denys Séguret · Answer 1 · 2013-05-05T12:25:01.807

2

This should work in all browsers :

var pageHeight = Math.max(document.height, document.body.scrollHeight,
    document.body.offsetHeight);

Don't forget to execute the code after the document is loaded.

EDIT : I let this in hope it works but I have no way to test it in all browsers and I'm not 100% sure. It's adapted from jQuery's source.

edited May 05 '13 at 12:25

answered May 05 '13 at 12:09

Denys Séguret

@dystroy Throws NaN on alert :( – Abhishek Umrao May 05 '13 at 12:21
for the executing code after document is loaded, i think its been taken care of since it works in other browsers – Abhishek Umrao May 05 '13 at 12:22

1 Answers1