Не работает resize?

Question

[Александр]

Ребята, здравствуйте! Есть проблема с которой бьюсь уже несколько дней и не пойму в чем дело... Если вкратце я написал скрипт resize страницы,вот он:

var updateFooter;
(function(){
    var footerStat = 0;
    updateFooter = function(){
        var pageFooter = $(".main-footer");
        var bodyHeight = $("body").height();
        var footerHeight = $(pageFooter).height();
        var windowHeight = $(window).height();
        if((footerHeight - (footerStat == 0 ? footerHeight : 0)) < windowHeight - bodyHeight){
            if(footerStat == 0){
                $(pageFooter).css({
                    position: "fixed",
                    bottom: 0,
                    right: 40,
                    left: 40
                });
                footerStat = 1;
            }
        }else{
            if(footerStat == 1){
                $(pageFooter).css({
                    position: "static",
                    bottom: "auto"
                });
                footerStat = 0;
            }
        }
    };
    $("body").ready(updateFooter);
    $(window).resize(updateFooter);
})();

Он отлично работает, но когда пользуешься табами,то он не отрабатывает после display: none, он не прижимает футер к низу страницы и я не понимаю как это можно исправить(суть скрипта в том,что если контента хватает и появляется скролл,то футер плавает,а если нет,то футер прижимается к низу страницы)
Надеюсь кто-нибудь знает ответ, всем спасибо! Скрины прилагаются

На втором скрине футер дрлжен быть прижат к низу...

Answer 1

[Максим Тимофеев]

Футер прижатый к низу страницы - это задача css, а не js. В гугле 3 250 статей на эту тему, например:
habrahabr.ru/post/151320