Sticky footer con jQuery (2)
26 julio 2014
2 comentarios
CSS, jQuery, Sticky Footer.
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(); });
Comentarios (2)
[…] una nueva versión de este script: Ver el artículo nuevo A veces no queda bien que páginas con poco contenido que no llegan a llenar una ventana (en alto) […]
ctrl+c, ctrl+v cambiar la clase y funcionando
Mersiiii!