带有 Cordova 的 jQuery Mobile - 标题与 iOS 状态栏重叠

我刚刚开始使用 Apache Cordova 和 jQuery Mobile，整个 shebang 对我来说都是新的。我的标题(带有“HEADER!”的有用文本)在iOS模拟器上的状态栏(时间)上方/下方有问题。我知道我可以做类似 style="margin-top: 1.3em;" 的事情，这会解决这个问题，但我认为这个问题有适当的解决方法？我知道我可以使用 Cordova 关闭状态栏，但我想保持打开状态并简单地放置标题。

HTML is in a gist .

截图:

• Cordova 版本 -- 5.3.1
• iOS 模拟器 -- 8.4
• 操作系统 -- Apple OSX 10.10.4
• jQuery -- 2.1.4
• jQuery Mobile -- 1.4.5

---

Best Answer-推荐答案

要让状态栏仍然可见但不被覆盖，您必须安装 cordova-plugin-statusbar并在 onDeviceReady 内的启动例程中设置:

        StatusBar.overlaysWebView(false);

根据您的应用风格设置背景颜色也很有用:

        StatusBar.backgroundColorByHexString("#333"); // => #333333  

希望这会有所帮助!

关于带有 Cordova 的 jQuery Mobile - 标题与 iOS 状态栏重叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32514772/