单击输入类型时显示键盘时UI会失真

时间:2014-06-05 10:27:58

标签: javascript jquery html iphone cordova

我有一个Phonegap应用程序,其中包含使用li标签创建的列表视图。单击“搜索”时,将显示搜索div标签,其中包含输入字段(文本字段)和“取消”按钮。列表视图向下移动以为搜索面板提供空间。

单击“取消”按钮而焦点不在输入字段上时,搜索面板将被隐藏,列表视图将移回其原始位置。但是,当单击输入字段时,将显示iOS键盘。在键盘打开时单击“取消”按钮时,列表视图从其原始位置向上移动。此外,页面中的页脚显示在iPhone 5的屏幕中间。

已搜索并尝试了几个选项,例如在焦点输入时调用window.scrollTo(0,0),调整窗口大小等等但都是徒劳。

欢迎任何形式的帮助或帮助。

0 个答案:

没有答案