Я уверен, что есть простая ошибка, которую я делаю, но я просто предупреждаю $(window).height() и возвращает то же значение, что и $(document).height().
Я нахожусь на 13-дюймовой MBA и моей высоте окна моих браузеров при максимальном размере 780px - 820px (примерно), но каждый раз, когда он возвращает высоту окна, идентичную высоте окна, в каждом случае на моем рабочем месте на нем более 1000 пикселей.
Что здесь происходит?
alert($(window).height());
alert($(document).height());
doctype тега doctype Chrome сообщает об одном и том же значении для обоих вызовов.
Добавление строгого типа документа, такого как <!DOCTYPE html> заставляет значения работать так, как объявлено.
Тег doctype должен быть самым первым в вашем документе. Например, у вас не может быть текста перед ним, даже если он ничего не отображает.
У меня была та же проблема, и с ее помощью это разрешилось.
var w = window.innerWidth;
var h = window.innerHeight;
Я думаю, что у вашего документа должно быть достаточно места в окне, чтобы отобразить его содержимое. Это означает, что нет необходимости прокручивать вниз, чтобы увидеть часть документа. В этом случае высота документа будет равна высоте окна.
Здесь вопрос и ответ на этот вопрос: Разница между screen.availHeight и window.height()
Также есть фотографии, поэтому вы можете увидеть различия. Надеюсь, это поможет.
В принципе, $(window).height() дает максимальную высоту внутри окна браузера (viewport), а $(document).height() дает высоту документа внутри браузера. В большинстве случаев они будут точно такими же, даже с полосами прокрутки.
Это действительно работает, если мы используем Doctype на нашей веб-странице, jquery (окно) вернет высоту области просмотра, иначе вернет полную высоту документа.
Определите следующий тег в верхней части веб-страницы: <!DOCTYPE html>