Как прижать футер к низу экрана (окна браузера)

Извечная проблема — Как прижать футер к низу экрана (окна браузера). Возникает она не часто, но как обычно не вовремя и решения в голове постоянно не находится. Вот по этому предлагаю простое и не громоздкое JavaScript решение решение.

Скрипт умеет автоматически подстраиваться под размер окна браузера при его изменении и легко модернизируется под Ваши нужды.

function footer2bottom() {
    var $footer = $('.footer-container'); // class элемента футера. вместо него можно использовать ID
    $footer.css('margin-top', 'auto'); // сбрасываем настройку верхнего отступа для блока футер
    if ($('body').height() < $(window).height()) { // если высота body меньше, чем высота окна
        var fmargin = $(document).height() - $footer.offset().top - $footer.height(); // вычисляем верхний оступ
        $footer.css('margin-top', fmargin + 'px'); // применяем верхний отступ
    }//if    
}
// обработка события после загрузки дерева DOM
$().ready(function() {
    footer2bottom(); // вызываем функцию для футера
    $(window).on('resize',function(){ // если окно изменяет размер (можно дописать другие события)
        footer2bottom(); // вызываем функцию для футера
    });
});