Saltar al contenido
Mujer parada de manos en la palabra EVOLVE
BABEL Blog

Solución de Sticky Footer que funciona en iPad I, II, iPhone

25 septiembre 2014

Tags

  • CSS
  • trucos
Nos ha pasado unas cuantas veces, a la hora de hacer el Cross-browsing de una web responsive, ver que los elementos "fixed" tienen un comportamiento raro en iPad I, II, iPhone, ... (si haces scroll, el elemento se mueve)

Si queremos hacer un footer que se quede pegado al fondo de la página (sin utilizar la propiedad "fixed") cuando el contenido es más corto, aquí tenemos la solución. Lo he probado y funciona:

http://css-tricks.com/snippets/css/sticky-footer/