PhoneGap中文网

 找回密码
 立即注册
查看: 12605|回复: 3

phoengap在ios7下面状态栏层叠在应用界面上如何解决

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
发表于 2014-3-22 19:42:39 | 显示全部楼层 |阅读模式
phoengap在ios7下面状态栏层叠在应用界面上如何解决

状态栏问题
在 iOS7, 所有的应用都是全屏运行的,此时状态栏层叠在应用界面上. 导致头部的内容或者界面被覆盖:


ios71.png

社区中讨论解决该问题的方法. 他们中的一些涉及原生代码,以兼容web视图. 我认为最简单和干净的解决方案是增加一个20像素的顶部边缘到文档的 body加入 CSS. 你可以通过版本检查避免添加 margin 属性在 iOS 6. 代码如下:
  1. function onDeviceReady() {
  2.     if (parseFloat(window.device.version) === 7.0) {
  3.           document.body.style.marginTop = "20px";
  4.     }
  5. }

  6. document.addEventListener('deviceready', onDeviceReady, false);


复制代码



修复结果:
ios72.png
回复

使用道具 举报

1

主题

91

帖子

89

积分

注册会员

Rank: 2

积分
89
发表于 2014-3-22 19:43:27 | 显示全部楼层
我是来刷分的,嘿嘿顺便学习一下
回复 支持 反对

使用道具 举报

6

主题

176

帖子

198

积分

注册会员

Rank: 2

积分
198
发表于 2014-3-23 05:32:40 | 显示全部楼层
学习了,谢谢分享、、、
回复 支持 反对

使用道具 举报

0

主题

3

帖子

28

积分

新手上路

Rank: 1

积分
28
发表于 2014-12-14 22:33:28 | 显示全部楼层

- (void)viewWillAppear:(BOOL)animated
{
    // View defaults to full size.  If you want to customize the view's size, or its subviews (e.g. webView),
    // 解决状态栏重叠
    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];
}

这样也能够解决
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-29 00:27 , Processed in 0.049358 second(s), 36 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表