在phonegap应用程序中关闭键盘会移动标题

时间:2013-08-29 15:17:04

标签: ios header cordova keyboard footer

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

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

此问题仅在iOS下出现。

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

  1. 网页正常显示的方式:
    enter image description here

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

  3. 如果我在表单外部点击(具体地说,上一张图片中的蓝点位于此处),标题会下降到该点:
    enter image description here我可以滚动页面,溢出将显示在标题上方。如果我重新聚焦一个字段,标题会返回到正确的位置。
    应该提到的是,如果我用“完成”按钮关闭键盘而不是按下聚焦输入外部,则没有完全失真。

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

    有什么想法吗?谢谢!

0 个答案:

没有答案