Фрагмент кода 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
}