JavaScript - Full Height Container

Eignet sich gut für Start von One Pagern. Beispiel 1

   /* 100 % height elements and more if inner is to big*/
    $(function(){
        var windowH = $(window).height();
        var wrapperH = $('.fullHeight').height();
        if(windowH > wrapperH) {                            
            $('.fullHeight').css({'height':($(window).height())+'px'});
        }                                                                               
        $(window).resize(function(){
            var windowH = $(window).height();
            var wrapperH = $('.fullHeight').height();
            var differenceH = windowH - wrapperH;
            var newH = wrapperH + differenceH;
            var truecontentH = $('#fullHeight .inner').height();
            if(windowH > truecontentH) {
                $('#fullHeight').css('height', (newH)+'px');
            }

        })          
    });

Beispiel 2 (Template von angelajochum.de) <syntaxhighlight lang="javascript"> <syntaxhighlight>