Генерално, ЦСС Стицки Фоотер је најбољи начин да се крене, јер ради савршено глатко и не захтева ЈаваСцрипт. Ако захтевано маркирање једноставно није могуће, овај јКуери ЈаваСцрипт може бити опција.
ХТМЛ
Само се уверите да је #фоотер последња видљива ствар на вашој страници.
Sticky Footer
ЦСС
Давање подешене висине је најбезбедније.
#footer ( height: 100px; )
јКуери
Када се прозор учита и када се помиче или му се мења величина, тестира се да ли је садржај страница краћи од висине прозора. Ако јесте, то значи да испод садржаја има празног простора пре краја прозора, тако да подножје треба поставити на дно прозора. Ако није, подножје може задржати нормално статичко позиционирање.
// Window load event used just in case window height is dependant upon images $(window).bind("load", function() ( var footerHeight = 0, footerTop = 0, $footer = $("#footer"); positionFooter(); function positionFooter() ( footerHeight = $footer.height(); footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px"; if ( ($(document.body).height()+footerHeight) < $(window).height()) ( $footer.css(( position: "absolute" )).animate(( top: footerTop )) ) else ( $footer.css(( position: "static" )) ) ) $(window) .scroll(positionFooter) .resize(positionFooter) ));
Демо
Погледајте демо