Question

I have an external script that is used on some sites
The script is trying to calculate the height of the whole HTML page (not just the visible part..)

everything is OK except one strange case – some sites use body { height:100% }. When the JavaScript is trying to calculate the height of the whole page it is returning only the visible height.

I used:

document.body.scrollHeight

tested on Chrome & Firefox

Answer 1

found the answere:

var body = document.body,
html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, 
                   html.clientHeight, html.scrollHeight, html.offsetHeight );

jQuery is not an option since other sites use my script and I cannot tell them to use jQuery