disign.it | Jquery: footer fisso | a digital sign for a best design!
A digital sign for a best design
Javascript 4.743 visualizzazioni

Jquery: footer fisso

03/04/2012

Volete 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);
 
});

← Jquery: loader per immagini PHP: percorso directory corrente come URL →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.