首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

jquerymobile-6 自适应header、footer跟全屏视图

2013-01-21 
jquerymobile-6 自适应header、footer和全屏视图在开发的过程中我们开发的页面可能会非常的长,我们在页面的

jquerymobile-6 自适应header、footer和全屏视图

在开发的过程中我们开发的页面可能会非常的长,我们在页面的两端放置了header和footer。这样的页面当我们滚动的时候,header和footer会随着滚动而滚到屏幕外,这时候我们如果想操做header和footer必须再滚动回去。jquerymobile为我们考虑了这种情况,在这种情况下我们可以点击屏幕,然后消失的header和footer就会出现,再次点击的时候就又会消失。如果我们正在文章的开头,无论我们怎么点击这个header都不会消失,footer在底部一样。下面我看一段代码:

<div data-role="page"  data-fullscreen="true">

在page上添加data-fullscreen,并且设置为true就可以了。这样当我们点击的时候会全屏,再点击的时候就会header、footer都出现了。同样这个全屏可以使用在一些图片的预览上。

热点排行