Używam kodu znalezionego tutajjQuery - dynamiczna wysokość div

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

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

teraz zmiana wysokości działa dobrze, gdy zmieniasz rozmiar okna, ale jeśli przewijanie w dół nie zmienia się, oznacza to, że właściwość okna nie obejmuje rzeczy wykraczających poza rozmiar okna przeglądarki, więc jeśli przewiniesz w dół, wysokość nie zwiększy się

więc co mogę dodać, że będzie to rozmiar całej zawartości, a nie rozmiar okna

ODPOWIEDŹ użyj dokumentu zamiast okna

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

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