jQuery - altezza div dinamica uguale all'altezza di tutta la finestra

Question

Sto usando il codice trovato qui jQuery - dynamic div height

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

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

ora la variazione di altezza funziona bene quando si ridimensiona la finestra, ma se il tuo scorrere verso il basso l'altezza non cambia, questo significa che la proprietà window non include cose oltre la dimensione della finestra del browser, quindi se si scorre verso il basso l'altezza non aumenta

quindi cosa posso aggiungere che sarà la dimensione dell'intero contenuto non il dimensioni della finestra

RISPOSTA documento uso invece di finestra

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

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

Answer 1

Forse:

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

è quello che serve? Poiché la finestra contiene il documento e la finestra ha una larghezza fissa e limita ciò che stai visualizzando dal documento.

Answer 2

Si potrebbe utilizzare:

$("body").height();