Sticky footer con jQuery (2)

Hace más o menos un año publiqué la primera versión de este post. Hoy estaba reutilizando el código que publiqué y he encontrado algún que otro problema tanto de funcionalidad como de optimización, así que publico el código nuevo, que no tiene los problemas detectados y funciona mejor.

Como se ve, es claramente más corta.

Función stickyFooter

function stickyFooter(){

	var	footer = $("#footer-container");

	footer.css("position","static");

	if ( $(document.body).height() < $(window).height()) {
		footer.css({
			"position":"absolute",
			"bottom":0,
			"width":"100%"
		});
	} else {
		footer.css("position","static");
	}
}

Uso

stickyFooter();

$(window).resize(function() {
	stickyFooter();
});



Josep Viciana

Programador de 29 años con una década de experiencia como programador. interesado en el diseño, ilustración y nuevas tecnologías. Dedicado desde siempre a la programación Web y desde hace algunos años también a la móvil.

2 comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.