[jQurey]フッターの高さが足りない時に伸ばすスクリプト

フッターの高さが足りない!

内容がめっちゃ少ないページのときってフッターの高さが足りないことがままあると思います。
普段はhtmlタグの背景を指定することで違和感の解消をはかっていますが、
フッターの背景画像が1枚絵だった場合にはこれが破綻してしまう。

どうするか

「ウィンドウの高さに対してフッターの高さが少ないかどうか調べて、余ってたら伸ばす」ということをしたらいけました。


windowHeight = $(window).height(); //ウィンドウの高さ
footer_top = $("footer").offset().top; //footerの頭の位置
footerHeight = $("footer").outerHeight(); //フッターの高さ(marginやpaddingなども含む)

surplus = windowHeight - footer_top; //フッターの頭の位置からウィンドウの下端までの高さ

if( footerHeight < surplus ){
$("footer").css('height', surplus + 'px');
}