CSS position: fixed in browser support (most desktop browsers, iOS5+, Android 2.2+, BlackBerry 6, and others). Toolbars will be fixed to the top or bottom of the view using the "Fixed Toolbar" plugin. When the page scrolls freely, the fixed bar will always float at the top or bottom of the screen. In browsers that do not support fixed positioning, the toolbar will stay in that fixed position (top or bottom of the page).
To set this behavior for the header or bottom bar, add the data-position="fixed" attribute to the toolbar's container.
Page Titlehtml, body { padding: 0; margin: 0; }
.ui-content{
padding:10px 15px 0px 15px;
}
Fixed Header
This page demonstrates the "fixed" toolbar mode.
To enable this toolbar feature type, you apply the data-position="fixed" attribute to both the header and footer div elements.
Fixed Footer
start browsing
scroll to bottom
fullscreen data-fullscreen="true"
When starting to browse content, a full-screen fixed toolbar is displayed at the top of the content. But when the screen is tapped, the toolbar disappears completely from the screen. When you click the screen again, the toolbar is displayed. The full screen toolbar is ideal for a more immersive interface, like a picture viewer that is full screen and the photos themselves aren't distracting.
To set this behavior for the header or bottom bar, add the data-fullscreen="true" attribute to the toolbar's container.
Fixed Header!
start browsing
scroll to bottom
Click the screen to close the toolbar