3

我正在开发一个 phonegap 应用程序,其中一些页面中有一个表单。该应用程序有一个固定的页眉和页脚,页面的内容是可滚动的(有时它比屏幕大)。

当我专注于表单的输入字段并通过在其外部单击将其关闭时,应用程序的标题会移动到单击位置旁边并将其“修复”放到顶部。

此问题仅在 iOS 下出现。

我无法截取屏幕截图来显示问题,但我(很差)说明了它:

  1. 页面正常显示的方式:
    在此处输入图像描述

  2. 当我点击一个特定的文本字段(它实际上是一个数字文本字段)时,键盘会打开:
    在此处输入图像描述
    即使键盘打开,我也可以上下滚动内容,直到到达页眉或页脚,两者都可见。这不是一个错误,只是认为它可能是相关的。

  3. 如果我单击表单外部(具体而言,上图中的蓝点所在的位置),标题会下降到该点:
    在此处输入图像描述
    我可以滚动页面并且溢出将显示在标题上方。如果我重新关注某个字段,标题将返回到其正确位置。
    还应该提到的是,如果我使用“完成”按钮关闭键盘而不是在焦点输入之外按下,则根本不会出现失真。

我尝试了以下解决方案:
Phonegap JQM Fixed Position Header/Footer Moves After Dismissing iOS Keyboard
它最终确实有效,但是您可以看到标题的移动及其背后的背景,所以这对我来说不是一个好的解决方案。

有任何想法吗?谢谢!

4

0 回答 0