IBM Worklight 6.1 - iOS 7 状态栏覆盖 HTML 中的元素

Posted 2023-02-25

【中文标题】IBM Worklight 6.1 - iOS 7 状态栏覆盖 HTML 中的元素

【英文标题】：IBM Worklight 6.1 - iOS 7 status bar overlays elements in HTML

【发布时间】：2014-03-13 17:28:24

【问题描述】：

我正在使用适用于 ios 7 的 IBM Worklight 6.1 构建应用程序。在 iOS 7 中，状态栏覆盖了我的 Web 视图，我按照以下链接修复了相同的问题。

但是，它将样式更改为 iOS 6，并在我的 webview 中为该 20 像素提供了滚动，因此我的页面可以向上滚动并隐藏 20 像素的标题。

如果有人有解决方案，请告诉我...

截图 1：

截图2：

【问题讨论】：

问题是什么？你想改变什么？添加现在的截图（上传到 imgur 并提供链接），并说明您希望它是什么样的

我没有足够的声望来上传图片。请参考我发布的链接。

您好，请参考您在此线程中的帖子***.com/questions/20011040/…

嗨，不。由于您使用的是 Worklight 6.1，而另一个问题是 5 个月大，我希望您更好地解释您的问题。编辑问题，添加图片链接，解释你想要什么。

嗨 Adar，编辑了我的帖子并更新了屏幕截图。

【参考方案1】：

从截图来看，HelloWorklight project 似乎正在被使用。

在此应用程序的上下文中，您可以将以下内容添加到common\css\main.css 中的#header：

position: fixed;
width: 100%;

这样，向上滑动状态栏时不会覆盖标题... 您可以在自己的应用程序中采用类似的方法。

Fixed positioning in CSS.

---

请注意，在 iphone\css\main.css 中，您可以更改由 Worklight 框架“注入”的默认白色状态栏的样式。

【讨论】：

谢谢伊丹。它解决了这个问题。