ios - 导航时 Worklight/iOS7 屏幕在上方移动

Question

我使用 IBM Worklight 开发了一个应用程序并将其部署在 iOS7 设备上。我注意到，当导航屏幕移到上方并且状态栏出现在屏幕上 1 秒钟，然后屏幕下降到其自然位置。当我们从一个屏幕导航到另一个屏幕时，就会发生这种情况。任何人都知道如何禁用此运动。这在 iOS 6 设备中没有发生。

我用过 Dojo，我的 Worklight 版本是 6.0.0.1

问候，V@运行

Answer 1

正如 Nathan Hazout 在 TechNote 中指出的那样, Worklight 将尝试在屏幕顶部留出 20px 以容纳 iOS7 状态栏。

这是通过以下方式实现的:

1. 将 CSS 类“wl_ios7”添加到“body”元素
2. 在网页 View 内容前添加一个 id 为“wl_ios7bar”、高度为 20px 的“div”元素

(您可以通过使用 Web 检查器查看 Worklight 应用程序 DOM 元素来检查)

此解决方案并不总是有效，在您的情况下，它似乎仅部分有效。

当“showIOS7StatusBar”设置为 false 时，Worklight 将不会尝试处理 iOS7 状态栏，将此任务完全留给您。值得注意的是，在 iOS6 及以下版本中，状态栏由操作系统自动处理。

关于您的问题的信息不足，因此我只能提供一般性建议。对我来说效果很好的是使用 CSS Media Queries将“padding-top: 20px”添加到“body”元素:

@media (min-height: 568px) and (orientation: portrait), (min-height: 320px) and (orientation: landscape) {
    #content {
        padding-top: 20px;
    }
}

之所以可行，是因为在 iOS7 上，iPhone 高度为 568px，而在 iOS6 及以下版本中为 548px(“document.documentElement.clientHeight”)。对于横向，值分别为 320px 和 300px。我也喜欢这个解决方案，因为它更符合 RWD方法。

根据这个建议的变体，我已经能够在我的小项目中相对较好地处理状态栏，但请记住，您的里程数可能会有所不同。