Phonegap：显示键盘时布局中断

Posted 2023-03-15

【中文标题】Phonegap：显示键盘时布局中断

【英文标题】：Phonegap : layout breaks when keyboard is shown

【发布时间】：2014-09-22 06:46:05

【问题描述】：

我在打开键盘时遇到了 UI 问题。打开键盘时，所有具有position : fixed 的元素的样式都会中断。它们似乎随着内容滚动。请帮我解决这个问题。

ios 6.1、7.1 中存在该问题

【参考方案1】：

根据 phonegap build version 3.1 的 documentation link，我们需要在 config.xml 中使用 "KeyboardShrinksView" 首选项。设置为 true 以在键盘出现时缩小 webview，覆盖垂直缩小视口的默认行为。这符合 android 应用的默认行为。

<preference name="KeyboardShrinksView" value="true"/>

祝你好运！