получить высоту содержимого документа, включая полосы прокрутки javascript

Question

Вот ключевой вопрос: Как получить точный сдвиг верхней части элемента (в данном случае текстовых полей) при наличии полос прокрутки? Предпочтительно все в javascript.

У меня есть страница, которая переполнит высоту окна браузера, что означает, что будут полосы прокрутки. У меня есть текстовые поля на всей странице с связанными событиями onblur. Onblur будет проверять значение textobx. Если данные недействительны. Если нет, то он/должен будет перемещать речевой пузырь прямо поверх текстового поля с сообщением об ошибке. element.offsettop, похоже, не учитывает любые полосы прокрутки, которые могут присутствовать на странице.

спасибо! Пожалуйста, дайте мне знать, если вы не понимаете, о чем я прошу.

Edit:

Может кто-то поможет мне найти высоту содержимого документа. Не высота окна, а высота содержимого документа, поэтому он также будет содержать высоту с полосами прокрутки? Благодаря!

Answer 1

Размеры документов - это кошмар совместимости с браузером, потому что, хотя все браузеры выставляют свойства clientHeight и scrollHeight, они не все согласны с тем, как вычисляются значения.

Раньше была сложная формула лучшей практики для того, как вы протестировали правильную высоту/ширину. Это связано с использованием свойств document.documentElement, если они доступны или возвращаются к свойствам документа и т. Д.

Самый простой способ получить правильную высоту - получить все значения высоты, найденные в документе, или documentElement, и использовать самый высокий. Это в основном то, что делает Jquery:

var body = document.body, 
    html = document.documentElement; 

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