¿Cómo obtener la 'altura' de la pantalla utilizando jQuery

Quiero configurar algo en el medio de la pantalla¿Cómo obtener la 'altura' de la pantalla utilizando jQuery

gracias

2010-03-09 zjm1126

Por "pantalla" hacer te refieres a la ventana del navegador? ¿O literalmente la pantalla? –

http://stackoverflow.com/questions/210717/what-is-the-best-way-to-center-a-div-on-the-screen-using-jquery –

136

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document

Como se documenta aquí: http://api.jquery.com/height/

Fuente

2010-03-09 07:15:04

+19

Honestamente, esto no responde la pregunta de OP. Si está buscando la altura de la pantalla _actual_, use 'screen.height' como' var height = screen.height'. Esto podría parecer una picadura de error, pero OP preguntó cómo colocar algo en el medio de la pantalla, no en el medio de la ventana del navegador. –

Perfecto John White, justo lo que necesitaba, screen.height funcionó para mí –

$(window).height();

Para configurar nada en el medio se puede usar CSS.

<style> 
#divCentre 
{ 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    width: 300px; 
    height: 400px; 
    margin-left: -150px; 
    margin-top: -200px; 
} 
</style> 
<div id="divCentre">I am at the centre</div>

Fuente

2010-03-09 07:13:25 rahul

Ese CSS pondrá la esquina superior izquierda de el div en el medio de la página. El div se extenderá hacia la derecha y hacia abajo, mirando * en serio * fuera del centro. Tal vez hacer los márgenes negativos? Porque parece que podría funcionar, pero solo si lo que estás centrando es más pequeño que la página. –

Se corrigió el error tipográfico. Gracias @ T J Crowder – rahul

Su enfoque de centrado vertical requiere que conozca la altura de su elemento #divCentre. –

uso con el sitio web de respuesta (ver en móvil o iPad)

jQuery(window).height(); // return height of browser viewport 
jQuery(window).width(); // return width of browser viewport

rara vez utilizan

jQuery(document).height(); // return height of HTML document 
jQuery(document).width(); // return width of HTML document

Fuente

2014-02-11 08:33:42

¿Cómo obtener la 'altura' de la pantalla utilizando jQuery

Respuesta

Cuestiones relacionadas