я использую код, найденный здесьjQuery - динамическая высота div

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

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

Теперь изменение высоты работает нормально, когда вы изменяете размер окна, но если прокрутка вниз по высоте не изменяется, это означает, что свойство окна не включает в себя вещи, превышающие размер окна браузера, поэтому, если вы прокрутите вниз, высота не увеличится

так что я могу добавить, что будет размер всего контента, а не размер окна

ОТВЕТ использовать документ вместо окна

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

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