phonegap解决iphone顶部状态栏位置的问题
2015-02-15 16:13
211 查看
在 iOS7, 所有的应用都是全屏运行的,此时状态栏层叠在应用界面上. 导致头部的内容或者界面被覆盖:
社区中讨论解决该问题的方法. 他们中的一些涉及原生代码,以兼容web视图.其实最简单和干净的解决方案是增加一个20像素的顶部边缘到文档的body加入 CSS. 你可以通过版本检查避免添加 margin 属性在 iOS 6. 代码如下:
修复结果:
附上iOS原生代码解决方案:
社区中讨论解决该问题的方法. 他们中的一些涉及原生代码,以兼容web视图.其实最简单和干净的解决方案是增加一个20像素的顶部边缘到文档的body加入 CSS. 你可以通过版本检查避免添加 margin 属性在 iOS 6. 代码如下:
function onDeviceReady() { if (parseFloat(window.device.version) >= 7.0) { document.body.style.marginTop = "20px"; } } document.addEventListener('deviceready', onDeviceReady, false);
修复结果:
附上iOS原生代码解决方案:
- (void)viewWillAppear:(BOOL)animated { if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) { CGRect viewBounds = [self.webView bounds]; viewBounds.origin.y = 20; viewBounds.size.height = viewBounds.size.height - 20; self.webView.frame = viewBounds; } [super viewWillAppear:animated]; }
相关文章推荐
- 解决“多个UITableView的时候不能点击状态栏回到顶部”问题
- 关于沉浸式状态栏位置顶上去一部分的问题解决
- phonegap开发中IOS状态栏与APP重叠问题解决方法
- 解决“同个UIView里面有多个UITableView的时候不能点击状态栏回到顶部”问题
- Android:解决打开activity之后 屏幕初始位置不是顶部问题
- 解决“多个UITableView的时候不能点击状态栏回到顶部”问题
- ScrollView初始位置不在顶部问题解决
- 笔记之解决ScrollView起始位置不是最顶部的问题
- scrollview嵌套listview运行后最先显示出来的位置不在顶部而是中间问题 解决办法
- 解决ScrollView起始位置不是最顶部问题的3套方案
- 解决在iphone(ios7)中状态栏(Status bar)会覆盖(overlap)在软件(view)上的问题
- 图文讲解如何解决App的iOS 7顶部状态栏适配问题
- 解决sencha touch打包后的ios项目顶部状态栏被覆盖问题
- phonegap3+,ios7+ 状态栏问题的解决
- phonegap如何解决ios7状态栏bar显示问题
- Android ScrollView嵌套Viewpager嵌套ListView切换时到顶部或位置改变问题解决
- 乔布斯为有问题的iPhone 4送保护套能解决什么?
- iPhone客户端与服务器间粘包问题的解决代码
- iphone 开发过程中一些问题的解决方法(MPMoviePlayController)
- iphone 开发过程中一些问题的解决方法(NSDate)