jquery偏移量偶尔不会与resize事件一起工作

Question

如果卡的高度小于窗口的高度，我的页脚需要绝对定位在窗口的底部。如果窗口大小调整到卡的高度大于窗口高度的程度，则页脚应该堆叠在卡的下方。当我将窗口的大小调整到小于卡片高度的高度时会出现问题，if条件有时会返回true，有时会出现错误，但并不总是如此。

$(function(){
    $(window).resize(function(){
       if($('footer').offset().top > $('.cards').outerHeight()) {
            $('footer').css({
                 position: 'absolute'
             });
          console.log('true');
        } else {
            $('footer').css({
                 position: 'static'
             });
          console.log('false');
        } 
    });
});