Ich verwende den hier gefundenen CodejQuery - 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 funktioniert die Höhenänderung problemlos, wenn Sie die Größe des Fensters ändern. Wenn sich der Bildlauf nach unten jedoch nicht ändert, bedeutet dies, dass die Fenstereigenschaft keine Elemente über die Größe des Browserfensters hinaus enthält. Wenn Sie also nach unten scrollen, nimmt die Höhe nicht zu

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

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>