iphone页面怎么实现固定工具栏 html css js,固定工具栏 data-position=fixed

在浏览器支持的 CSS position: fixed (大多数的桌面浏览器, iOS5+, Android 2.2+, BlackBerry 6, 和其他)。工具栏使用“固定工具栏”插件将被固定在视图的顶部或底部，当页面自由滚动，固定栏始终浮动在屏幕的顶部或者底部。在浏览器不支持固定定位，工具栏将留在那固定的位置(页面的顶部或底部)。

给头部栏或底部栏设置这样的行为，需要给工具栏的容器增加 data-position="fixed" 属性。

Page Title

html, 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

开始浏览

滚屏到底部

全屏 data-fullscreen="true"

当开始浏览内容的时候，在内容的顶部，全屏固定工具栏是显示的。但是当点击屏幕时，工具条从屏幕上消失完全。再点击屏幕时候，工具栏显示。全屏工具栏更加身临其境的界面是理想的，像一个图片查看器是全屏的照片本身并没有分心。

给头部栏或底部栏设置这样的行为，需要给工具栏的容器增加 data-fullscreen="true" 属性。

Fixed Header!

开始浏览

滚屏到底部

点击屏幕关闭工具栏