2009-10-18 42 views
7

Estoy utilizando el código que se encuentra aquí jQuery - dynamic div heightjQuery - altura div dinámica igual a la altura de toda la ventana

<script type='text/javascript'> 
$(function(){ 
    $('#center').css({'height':(($(window).height())-162)+'px'}); 

    $(window).resize(function(){ 
    $('#center').css({'height':(($(window).height())-162)+'px'}); 
    }); 
}); 
</script> 

ahora el cambio de altura funciona bien cuando se cambia el tamaño de la ventana, pero si su desplazamiento abajo de la altura no cambia, esto significa que la propiedad de la ventana no incluye elementos más allá del tamaño de la ventana del navegador, por lo que si se desplaza hacia abajo la altura no aumenta

así que lo que puedo agregar será el tamaño de todo el contenido no el tamaño de la ventana

RESPUESTA documento de uso en lugar de ventana

<script type='text/javascript'> 
    $(function(){ 
     $('#center').css({'height':(($(document).height())-162)+'px'}); 

     $(window).resize(function(){ 
     $('#center').css({'height':(($(document).height())-162)+'px'}); 
     }); 
    }); 
</script> 

Respuesta

2

Tal vez:

$(document).height()/width() 

es lo que necesita? Dado que la ventana contiene el documento y la ventana tiene un ancho fijo y restringe lo que está viendo desde el documento.

+0

dividido? ohh, veo que debería estar usando documentos en lugar de ventana? – vache

+0

déjeme arreglar mi código y ver si esto funciona, pero creo que solo necesitaba usar el documento en lugar de la ventana GRACIAS – vache

+0

¡Debe usar el selector '" cuerpo "'! – aL3xa

5

que puede usar:

$("body").height(); 
+1

gracias, ahora tengo la idea, me gusta la programación, así que realmente no sabía qué cambiar, gracias – vache

Cuestiones relacionadas