Panel fixed positioning - jQuery Mobile Demos

# Fixed header

Menu Add

# Panel fixed positioning

This is a typical page that has two buttons in the header bar that open panels. The left panel has the push display mode. The right panel opens as overlay. For both panels we set `data-position-fixed="true"`. We also set position fixed for the header and footer on this page.

The left panel contains a long menu to demonstrate that the framework will check the panel contents height and unfixes the panel so its content can be scrolled. In the right panel there is a short form that shows the fixed positioning.

Back

We made the page a bit longer because you only see the panel fixed positioning if you can scroll the page :-)

#### Fixed footer

## Login

Username: Password:
Cancel
Save

# Landing page

This is just a landing page.

Back