Detección de la altura del área de visualización usando Javascript

Quiero detectar la altura del área visible usando Javascript. Tengo este DIV de altura de 550 px que quiero mostrar en el navegador. Sin embargo, esta altura puede provocar que la barra de desplazamiento vertical aparezca en algunos navegadores (dependiendo de la cantidad de barras de herramientas que el usuario haya instalado). En ese caso, quiero detectar eso y alertar al usuario al respecto.Detección de la altura del área de visualización usando Javascript

Intenté usar document.body.clientHeight pero parece que no funciona ... me da la misma altura cuando intento agregar nuevas barras de herramientas y actualizo la página.

Fuente

2009-06-09 Anonymous

esto le ayudará a: http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

Fuente

2009-06-09 10:42:27

+1 para una no solución dentro de la biblioteca. No podemos cargar una biblioteca completa de + -1000 líneas solo para evitar escribir 5 o 6 más. – backslash17

Extremadamente fácil de jQuery (y funciona bien a través de diferentes plataformas):

<html> 
    <head> 
     <title>Heyo</title> 
     <script type="text/javascript" src="jquery.js"></script> 
    </head> 
    <body> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       alert($(window).height()); 
       }); 
     </script> 
    </body> 
</html>

Documentation here

Fuente

2009-06-09 14:04:18 inkedmn

-1: Esa es solo la altura de todo el contenido, no la altura de la ventana. (Por ejemplo, mi contenido es de 1450 px de alto pero mi ventana solo tiene 641 px. $ (ventana) .High() devuelve 1450.) –

Es fácil con YUI también.

<html> 
<head> 
    <title>Heya</title> 
    <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0b1/build/yui/yui-min.js"></script> 
</head> 
<body> 
    <script type="text/javascript"> 
    YUI().use('node', function(Y) { 
     alert(Y.get(document).get('winHeight')); 
    }); 
    </script> 
</body> 
</html>

Documentation here

Fuente

2009-06-28 00:53:08 frayedthread

Detección de la altura del área de visualización usando Javascript

Respuesta

Cuestiones relacionadas