jquery $ (ventana) .height () devuelve la altura del documento

Estoy seguro de que hay un error simple que estoy cometiendo, pero simplemente estoy alertando $(window).height() y devuelve el mismo valor que $(document).height() .

Estoy en un MBA de 13 “y en la altura de mi navegador cuando se maximiza entre 780px – 820px (aproximadamente) pero cada vez devuelve una altura de ventana idéntica a la altura del documento. En todos los casos en el sitio en el que estoy trabajando es más de 1000px.

¿Que esta pasando aqui?

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

Sin etiqueta doctype , Chrome informa el mismo valor para ambas llamadas.

Agregar un tipo de documento estricto como hace que los valores funcionen como se anuncian.

La etiqueta doctype debe ser lo primero en su documento. Por ejemplo, no puede tener ningún texto antes, incluso si no representa nada.

Tuve el mismo problema, y ​​el uso de esto lo resolvió.

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

Creo que su documento debe tener suficiente espacio en la ventana para mostrar su contenido. Eso significa que no hay necesidad de desplazarse hacia abajo para ver más partes del documento. En ese caso, la altura del documento sería igual a la altura de la ventana.

Aquí hay una pregunta y respuesta para esto: Diferencia entre screen.availHeight y window.height ()

También tiene fotos, así que puedes ver las diferencias. Espero que esto ayude.

Básicamente, $(window).height() da la altura máxima dentro de la ventana del navegador (ventana $(document).height() ), y $(document).height() le da la altura del documento dentro del navegador. La mayoría de las veces, serán exactamente iguales, incluso con barras de desplazamiento.

Realmente funciona si utilizamos Doctype en nuestra página web. Jquery (ventana) devolverá la altura del puerto de visualización, de lo contrario devolverá la altura completa del documento.

Defina la siguiente etiqueta en la parte superior de su página web: