Статьи

jQuery установить минимальную высоту для содержимого страницы

Фрагмент кода jQuery, который устанавливает минимальную высоту для области содержимого страницы в зависимости от размера окна . Это можно использовать, чтобы нижний колонтитул страницы всегда находился внизу в области содержимого страницы, независимо от размера окна. Его можно использовать с изменением размера окна «Захват», чтобы он автоматически изменял размер при изменении размера окна браузера.

//sets the minimum height for the content area of the page
minWrapperHeight: function()
{
    var wrapperElem = $('#wrapper');
    //padding+offset+header+footer
    var offset = wrapperElem.height()-wrapperElem.outerHeight()-$('header').height()-$('footer').height()-$('#wrapper').offset()['top'];
    console.log($(window).height() + ' - ' + offset + ' = ' + ($(document).height()-offset));
    wrapperElem.height($(window).height()+offset); //offset is negative
}