jQuery - dynamische div Höhe gleich der Höhe des gesamten Fensters

Question

Ich verwende den hier gefundenen Code jQuery - dynamische div Höhe

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

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

jetzt die Höhe ändern funktioniert gut, wenn Sie die Größe des Fensters, aber wenn Sie nach unten scrollen die Höhe nicht ändern, bedeutet dies, dass die Fenstereigenschaft nicht Dinge über die Größe des Browser-Fensters, so dass, wenn Sie nach unten scrollen die Höhe nicht erhöhen

Was kann ich also hinzufügen, das die Größe des gesamten Inhalts und nicht die Fenstergröße ist?

ANTWORT Dokument anstelle von Fenster verwenden

<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

Sie können es verwenden:

$("body").height();

Answer 2

Vielleicht:

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

Ist das, was Sie brauchen? Da das Fenster das Dokument enthält und das Fenster eine feste Breite hat und die Anzeige des Dokuments einschränkt.