Размер всей HTML-страницы (при высоте 100%)

Question

У меня есть внешний скрипт, который используется на некоторых сайтах. Сценарий пытается рассчитать высоту всей HTML-страницы (а не только видимой части ..)

все в порядке, кроме одного странного случая - некоторые сайты используют body { height:100% }. Когда JavaScript пытается вычислить высоту всей страницы, он возвращает только видимую высоту.

я использовал:

document.body.scrollHeight 

протестирован на Chrome & Firefox

Answer 1

нашел answere:

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

JQuery это не вариант, так как другие сайты используют мой сценарий, и я не могу сказать им, чтобы использовать JQuery

Answer 2

Это действительно зависит от того, какой элемент вы пытаетесь вычислить высоту.

Если элемент html имеет высоту 100%, это будет высота окна браузера. Тогда тело может быть выше, чем из-за некоторого содержимого, но высота элемента html не изменится, он останется прежним.

Так что это действительно зависит от того, какой элемент на странице вызывает увеличение содержимого. Затем вы должны измерять высоту этого элемента, но как вы можете узнать, какой из них это?

Проверить this example.