Jquery: footer fisso
03/04/2012Volete inserire un footer fisso ancorato al fondo della pagina senza dover ricorrere ad artifizi vari con i css e mille problemi di compatibilità tra browser e loro versioni?
Libreria Jquery e piccolo script, ed ecco fatto!
Dopo aver caricato della libreria più aggiornata (qui l'articolo), nel css definiamo solo dimensioni, colore, font etc del div footer e poi lo script:
$(window).bind("load", function() {
var footerHeight = 0,
footerTop = 0,
$footer = $("#footer");
positionFooter();
function positionFooter() {
footerHeight = $footer.outerHeight();
footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
if ( ($(document.body).height()+footerHeight) < $(window).height()) {
$footer.css({
position: "absolute",
top: footerTop
});
} else {
$footer.css({
position: "static"
});
}
};
$(window)
.scroll(positionFooter)
.resize(positionFooter);
});