jQuery - altura div dinâmica igual à altura da janela inteira

Eu estou usando o código encontrado aquijQuery - altura div dinâmica

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

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

Agora a mudança de altura funciona bem quando você redimensiona a janela, mas se a sua rolagem para baixo a altura não muda, isso significa que a propriedade window não inclui coisas além do tamanho da janela do navegador, então se você rolar para baixo a altura não aumenta

Então, o que posso adicionar que será o tamanho de todo o conteúdo não o tamanho da janela

ANSWER usar documento em vez de janela

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

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

questionAnswers(2)

yourAnswerToTheQuestion