body が window よりも（高さが）小さかった場合フッタを下部に固定する

jQuery でフッタ要素を強引に最下部に固定してみる。定石がわからん。

$(document).ready(function () {

     // 基準の高さを格納
     var bodyBaseH = $('body').height();
     var windowH = 0;
    
     // リサイズ時の css 切り替え
     function ReSize() {

          winH = $(window).height();

          // ウィンドウの方が高い場合フッタを最下部に固定
          if (winH > bodyBaseH)
          {
               $('#footer').css("position", "fixed");
               $('#footer').css("bottom", "0");
          }
          else
          {
               $('#footer').css("position", "relative");
          }
     }
    
     // リサイズイベントにハンドラをバインド
     $(window).resize(function(){
          ReSize();
     });
    
     // 切り替え
     ReSize();
});