admin 发表于 2014-3-22 19:42:39

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

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

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




社区中讨论解决该问题的方法. 他们中的一些涉及原生代码，以兼容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);





修复结果:

爱哭的鱼 发表于 2014-3-22 19:43:27

我是来刷分的，嘿嘿顺便学习一下

小雪 发表于 2014-3-23 05:32:40

学习了，谢谢分享、、、

sww0130 发表于 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 ([[ systemVersion] floatValue] >= 7) {
      
      CGRect viewBounds = ;
      
      viewBounds.origin.y = 20;
      
      viewBounds.size.height = viewBounds.size.height - 20;
      
      self.webView.frame = viewBounds;
    }
    ;
}

这样也能够解决
页: [1]
查看完整版本: phoengap在ios7下面状态栏层叠在应用界面上如何解决