MobileFirst 混合应用程序中键盘覆盖的小部件

Question

我有一个只有 html/JS 的简单 MobileFirst 混合应用程序。在 iOS7 上，当为靠近屏幕底部的小部件输入数据时，小部件会被软键盘覆盖。这仅适用于应用程序。如果在移动浏览器中运行它，它不会发生。 在 Android4.4.2 上，它发生在移动浏览器和 MobileFirst 应用程序中。在 Android 上注意到，MobileFirst 应用程序有 AndroidManifest.xml 文件，因此尝试设置 android:windowSoftInputMode="stateHidden|adjustResize"，但没有帮助。有没有办法解决这个问题？

Answer 1

对于 Android，请尝试两者的组合：

• 尝试以下建议（来自：How to auto-scroll to input field in Android when the soft keyboard overlaps them on showing?）。添加 AndroidManifest.xml 中的android:windowSoftInputMode="adjustResize"，以及
• height=device-height 在 HTML 文件的 HEAD 元素中的元 viewport 标记中

对于 iOS：

• 您可以在特定元素获得焦点时使用 iScroll 稍微滚动一下，以便看到它（请参阅：$.mobile.silentScroll does not work in worklight app），或者
• 你可以试试这里提供的建议：Textfield does not focus in UI WebView in iOS7