data-position=”fixed” en jQuery Mobile

Contactar con el profesor

Este atributo hará que el header (o el footer), no se vayan por los límites de la pantalla al hacer scroll.

<header data-role="header" data-position="fixed">
<footer data-role="footer" data-position="fixed">El pie de la página</footer>

Si al hacer scroll down el footer desaparece puedo:

  • añadir data-tap-toggle=”false” al footer

o

  • Añadir el siguiente javascript: $("[data-role=header]").fixedtoolbar({ tapToggle: false });</li>

El siguiente atributo hará que el contenido de la página ocupe toda su totalidad, de tal forma que se meterá por debajo del header o el footer al hacer scroll.


<section id="firstpage" data-role="page" data-fullscreen="true">
← Ejercicio - tabs en jQuery Mobile
Botones en jQuery Mobile →

Aviso Legal | Política de privacidad