Javascript: как зафиксировать высоту содержимого сайта?

Question

Я пытаюсь найти правильный код Javascript для захвата высоты всего контента на веб-странице.

Я посмотрел на document.height, window.screen.height, document.body.offsetHeight,bodyScroll, clientArea.style.height, bodyHeight и document.documentElement.clientHeight.

Я использую FireBug для проверки этих значений, но все (кроме window.screen.height), кажется, меняются по мере изменения размера моегоокна, поэтому они не представляют фактическую высоту содержимого.

Теперь window.screen.height никогда не меняется, даже если я перехожу на разные страницы с разными размерами.

Какя могу определить общую высоту содержимого?В основном мне нужно знать, что знает полоса прокрутки.Эта полоса прокрутки знает, сколько прокручивать на странице и сколько прокручивать, чтобы достичь конца содержимого.

Любая помощь будет принята с благодарностью.

Answer 1

Попробуйте это:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" ></script>
<script type="text/javascript">

$(document).ready(function(){

document_height = $(document).height();
document_width = $(document).width();
window_height = $(window).height();
window_width = $(window).width();

alert(document_height + ' x ' + document_width);

alert(window_height + ' x ' + window_width);
});

</script>

Answer 2

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

Answer 3

Различные браузеры по-разному сообщают размер окна и размер документа.Вы можете использовать библиотеку для решения кросс-браузерных проблем, например, этот код в jQuery:

$(document).height();

Без библиотеки я использовал этот код для получения измерений:

var b, h, info;
b = document.body;
h = b.parentNode;
if (window.opera) {
  info = { winWidth: b.clientWidth, winHeight: b.clientHeight, pageWidth: h.clientWidth, pageHeight: h.clientHeight };
} else {
  info = { winWidth: h.clientWidth, winHeight: h.clientHeight, pageWidth: b.clientWidth, pageHeight: b.clientHeight };
}