phonegap+jquery iOS画面跳转闪烁问题解决
2013-06-19 16:07
239 查看
在html所用到的css加入如下:
.ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"],
.ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active {
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.ui-header {
position: fixed;
z-index:10;
top:0;
width:100%;
padding:0 0;
}
.ui-content {
padding-top: 57px;
padding-bottom: 54px;
overflow: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ui-footer {
position: fixed;
z-index:10;
bottom:0;
width:100%;
}
并将header footer 的 data-position="fixed"去掉
.ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"],
.ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active {
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.ui-header {
position: fixed;
z-index:10;
top:0;
width:100%;
padding:0 0;
}
.ui-content {
padding-top: 57px;
padding-bottom: 54px;
overflow: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ui-footer {
position: fixed;
z-index:10;
bottom:0;
width:100%;
}
并将header footer 的 data-position="fixed"去掉
相关文章推荐
- 解决PhoneGap(Cordova)在iOS中启动画面闪动的问题 - 技术博客
- 关于JKAlertDialog在多个视图控制器跳转后不能正常显示的问题的解决--IOS
- IOS 解决跳转StoryBoard 控件不显示的问题
- PhoneGap+jQuery mobile下,页面切换出现的闪烁问题。
- ASP.NET画面跳转实现及其传值问题解决方案
- 解决 iOS 设备上html链接要点击两次才跳转的问题
- ios app 解决微信扫二维码不能跳转问题
- iOS- 利用runtime,解决多次点击相同button,导致重复跳转的问题
- 解决 iOS webkit 使用CSS动画时闪烁的问题
- 关于MFC OnDraw重绘时画面闪烁问题的解决
- phonegap - 解决ios中使用定位的页面会跳出一个用户确认提示的问题
- 应用双缓冲技术解决J2ME中的画面闪烁的问题
- 解决jquery mobile+phonegap页面切换闪屏问题
- jquery手写焦点轮播图-------解决最后一张无缝跳转第一张的问题
- 解决ios点击元素后出现阴影或闪烁的问题
- iOS:tableView刷新闪烁问题解决
- iOS开发--利用 runtime,解决多次点击相同 button,导致重复跳转的问题
- 解决iOS的Safari浏览器解析绑定了onclick事件闪烁的问题
- phonegap插件-使用ios原生输入框解决position fixed的显示问题
- 应用双缓冲技术解决画面闪烁的问题