Jquery $(window).height() возвращает высоту документа

Я уверен, что есть простая ошибка, которую я делаю, но я просто предупреждаю $(window).height() и возвращает то же значение, что и $(document).height().

Я нахожусь на 13-дюймовой MBA и моей высоте окна моих браузеров при максимальном размере 780px - 820px (примерно), но каждый раз, когда он возвращает высоту окна, идентичную высоте окна, в каждом случае на моем рабочем месте на нем более 1000 пикселей.

Что здесь происходит?

alert($(window).height());
alert($(document).height());

Ответ 1

doctype тега doctype Chrome сообщает об одном и том же значении для обоих вызовов.

Добавление строгого типа документа, такого как <!DOCTYPE html> заставляет значения работать так, как объявлено.

Тег doctype должен быть самым первым в вашем документе. Например, у вас не может быть текста перед ним, даже если он ничего не отображает.

Ответ 2

У меня была та же проблема, и с ее помощью это разрешилось.

var w = window.innerWidth;
var h = window.innerHeight;

Ответ 3

Я думаю, что у вашего документа должно быть достаточно места в окне, чтобы отобразить его содержимое. Это означает, что нет необходимости прокручивать вниз, чтобы увидеть часть документа. В этом случае высота документа будет равна высоте окна.

Ответ 4

Здесь вопрос и ответ на этот вопрос: Разница между screen.availHeight и window.height()

Также есть фотографии, поэтому вы можете увидеть различия. Надеюсь, это поможет.

В принципе, $(window).height() дает максимальную высоту внутри окна браузера (viewport), а $(document).height() дает высоту документа внутри браузера. В большинстве случаев они будут точно такими же, даже с полосами прокрутки.

Ответ 5

Это действительно работает, если мы используем Doctype на нашей веб-странице, jquery (окно) вернет высоту области просмотра, иначе вернет полную высоту документа.

Определите следующий тег в верхней части веб-страницы: <!DOCTYPE html>