javascript - jQuery window.resize の問題

Question

フッターを一番下に貼り付けるためにjqueryを使用しています。コードは機能しますが、ブラウザーのサイズが変更されたときに、フッターが下部に固定されるように更新する必要があります。リフレッシュする必要はありません。jquery resize メソッドを使用してみましたが、うまくいきません。

私のコードは次のとおりです。

$(document).ready(function() {
          var bodyHeight = $("body").height();
          var vwptHeight = $(window).height();
          if (vwptHeight > bodyHeight) {
            $("#footer").css("position","absolute").css("bottom",0);
          }

            $(window).resize(function() {
                $("#footer").css("position","absolute").css("bottom",0);
            });

        });