O'Reilly logo

jQuery Mobile Web Development Essentials Second Edition by Andy Matthews, Raymond Camden

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating fixed and full-screen headers and footers

In the previous discussion about headers and footers, you saw a few examples of how buttons can be added. These buttons could be useful for navigating in your site. But what if a particular page is somewhat long? A blog entry, for example, could be quite long, especially when viewed on a mobile device. As the user scrolls, the header or footer could be off-screen. jQuery Mobile provides a way to create fixed position headers and footers.

With this feature enabled, the header and footer will always be visible. In a page with long content, the user can scroll up and down, but the headers and footers will remain in their proper positions. This only works with mobile browsers that support the fixed ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required