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

Posted 2023-02-25

【中文标题】MobileFirst 混合应用程序中键盘覆盖的小部件

【英文标题】：widget covered by keyboard in MobileFirst hybrid app

【发布时间】：2015-02-12 21:27:41

【问题描述】：

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

【参考方案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

【讨论】：

我已经尝试过您的建议，对于 Android，您的建议无效。我们仍在寻找解决方案。对于 iOS，在添加视点元标记后：'' 和苹果的元标记：' '，问题已解决。