jquery - scrollheight - ¿Por qué es $(window).height() tan mal?
set height jquery (5)
Estaba teniendo el mismo problema en Firefox, luego agregué <!DOCTYPE HTML> en mi índice y funcionó.
Fuente: http://viralpatel.net/blogs/jquery-window-height-incorrect/
Estoy tratando de obtener la altura actual de la ventana del navegador, usando
$(window).on(''resize'',function() {
console.log("new height is: "+$(window).height());
});
Pero estoy obteniendo valores que son demasiado bajos. Cuando la ventana gráfica tiene una altura de alrededor de 850 píxeles, obtengo valores de alrededor de 350 o 400 píxeles de la altura (). ¿Que pasa?
JSFiddle funciona creando un <iframe> que se carga dinámicamente después de procesar el código.
Su JavaScript está calculando la altura de la ventana, que es la altura del <iframe> , que tiene alrededor de 400px de altura para mí.
Tu código está haciendo lo que debería ser.
No repro. Tenga en cuenta que la altura de la ventana se ve disminuida por los elementos en el cromo del navegador, como la barra de direcciones, las herramientas de desarrollador, las barras de herramientas de marcadores y más. Lo siguiente parece mostrar una representación precisa de la altura de la ventana gráfica:
jsbin le dará una buena estimación de la altura de la ventana, ya que no limita la salida del código a un iframe pequeño como otros sitios de prueba de js como jsfiddle.
http://jsbin.com/otaqej/edit#javascript,html
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js"></script>
</head>
<body>
<div id="message">Height: 0</div>
<script>
$(window).on("resize", function(){
$("#message").html( "Height: " + $(window).height() );
});
</script>
</body>
</html>
Para aquellos que todavía tienen problemas después de las soluciones anteriores ...
Compruebe la relación de visualización del navegador en su project.html ..
El valor de $ (window) .height () no es lo mismo que los píxeles "reales" del área del cliente cuando la relación de visualización se ajusta. (y así otros $ (xx) .width () ... en esta situación)
(El navegador recordó mi descuidada proporción de 110% ajustada hace días ...)
Una posible razón puede ser que esté comprobando la consola con firebug / algo más. Para que no tengas la altura correcta de la ventana debido a la altura de la bota.
Puedes probar algo como esto:
tomar un span / div en su documento:
<span id="res"></span>
y entonces
$(window).on(''resize'',function() {
$(''#res'').html("new height is: "+$(window).height());
});
O bien, si desea realizar el check out, colóquelo en la consola firebug y luego desconéctelo del navegador y luego verifique el resultado.