IBM Worklight – iOS 7状态栏与应用程序的HTML重叠

在我的应用程序中，HTML的顶部是状态栏的一半。 我在该部分有一个button，现在无法点击。

我不知道为什么会这样做。 我有标准的视口线（“宽度=设备宽度”）。
有任何想法吗？ 或者如何调整呢？

Answer 1

除了上面Idan给出的步骤，你可以尝试在iOS中使用一个隐藏状态栏的首选项。

尝试将以下方法添加到您的应用的根视图控制器：

• （BOOL）prefersStatusBarHidden {return YES; }

或者，您可以在确定iOS版本后在顶部添加20像素的空间

function onDeviceReady（）{

if (parseFloat(window.device.version) === 7.0) { document.body.style.marginTop = "20px"; } 

}

document.addEventListener（'deviceready'，onDeviceReady，false）;

Answer 2

确保遵循IBM提供的关于iOS 7支持的指导方针，以及使用包含此支持的最新版本的Worklight。

你可以在这里读更多关于它的内容：

• IBM Worklight Versions 6.0.0和5.0.6支持Apple iOS 7

---

我也看到你提到使用jQuery Mobile …
也许，那么你应该看看在7.x中看起来OK的Worklight Starter jQuery Mobile版本 ; 看看CSS。

W /从你的演示应用程序来了解你的应用程序样式，不能给予更完整的答案。

你的评论：

设置“边缘顶部”工作完美的开幕（看起来真棒）…但只要我切换页面（.changePage（））它重新开始重叠。 我究竟做错了什么？

我的猜测是，您正在加载其他页面可能会加载一个不同的div，如果该div没有收到与原始div相同的样式，问题将重新出现。