javascript - jquery screen
Diferencia entre screen.availHeight y window.height() (1)
Estoy ejecutando el siguiente Javascript en mi navegador (Firefox).
console.debug ("Screen height =" + screen.availHeight ); // salidas 770
console.debug ("Window Height =" + $ (window) .height () ); // salidas 210 (estoy usando jQuery también)
¿Cuál es la diferencia entre los dos? ¿Es 770 en píxeles y 210 en mm?
De manera similar, cuando escribo $(document).height() y $(window).height() , hay una diferencia. ¿Cual es la razon?
window.outerHeight
Es la altura de la ventana en pantalla, incluye la página y todas las barras visibles del navegador (ubicación, estado, marcadores, título de la ventana, bordes, ...).
Esto no es lo mismo que $(window).outerHeight() jQuery $(window).outerHeight() .
window.innerHeight o $(window).height()
Es la altura de la ventana gráfica que muestra el sitio web, solo el contenido, no las barras del navegador.
document.body.clientHeight o $(document).height()
Es la altura de su documento que se muestra en la ventana gráfica. Si es más alto que $(window).height() , obtiene las barras de desplazamiento para desplazar el documento.
screen.availHeight
Es la altura que puede tener la ventana del navegador si está maximizada, incluidas las barras del navegador. Entonces, cuando la ventana está maximizada, screen.availHeight === window.outerHeight
screen.height
Simplemente coincide con la resolución de la pantalla. Así que en una pantalla de 1920 × 1080, screen.height será 1080 .
screen.availHeight es igual a [ screen.height + las barras del sistema operativo], como la barra de tareas en Windows, el dock y el menú en OS X, o lo que sea que esté fijo en la parte superior o inferior de la pantalla si está usando Linux.