2009-10-18 12 views
7

ich den Code hier jQuery - dynamic div heightjQuery - dynamische div Höhe gleich der Höhe des gesamten Fensters

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

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

jetzt bin mit der Höhenänderung funktioniert gut, wenn Sie die Größe des Fensters, aber wenn Ihr nach unten scrollen die Höhe ändert sich nicht, das bedeutet, die Fenster-Eigenschaft enthält keine Dinge über die Größe des Browser-Fensters, also, wenn Sie nach unten scrollen die Höhe nicht

so was kann ich hinzufügen, dass die Größe des gesamten Inhalts nicht die sein wird Fenstergröße

ANTWORT Verwendung Dokument statt Fenster

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

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

Antwort

2

Vielleicht:

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

Ist das, was Sie brauchen? Da das Fenster das Dokument enthält, hat das Fenster eine feste Breite und beschränkt das, was Sie sehen, aus dem Dokument.

+0

geteilt? Oh, ich sehe, ich sollte Dokumente anstelle von Fenster verwenden? – vache

+0

lassen Sie mich meinen Code beheben und sehen, ob das funktioniert, aber ich denke, ich brauchte nur Dokument anstelle von Fenster THANKS – vache

+0

Sie sollten "Körper" Selektor verwenden! – aL3xa

5

Sie verwenden:

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

danke, ich bekomme die idee jetzt, ich sauge nur in programmierung so ich wusste wirklich nicht was zu ändern, danke – vache