O'Reilly logo

jQuery Mobile Cookbook by Chetan K Jain

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

Using fullscreen fixed toolbars

Fixed toolbars remain in the same position on the screen when the page is scrolled. When the page content of your application occupies the entire viewport, the fixed toolbars will overlap the page content. You cannot toggle the visibility of the fixed toolbars here. To toggle the toolbar visibility, you can use the fixed toolbars in the Fullscreen mode. This recipe shows you how to create a simple Photo Viewer application that uses fullscreen toolbars.

Getting ready

Copy the full code of this recipe from the code/03/fullscreen-toolbars sources folder. This code can be launched using the URL http://localhost:8080/03/fullscreen-toolbars/main.html.

How to do it...

  1. In main.html create the #main page and a <img> tag to ...

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