在Cordova iPad应用程序中,软键盘向上推动DIV位置

时间:2015-12-10 07:42:53

标签: html ios cordova ipad soft-keyboard

我正在开发基于cordova的iPad应用程序。它有一个底部面板DIV(一种页脚)使用以下CSS样式停靠在屏幕的底部。

{position:fixed;bottom: 0px}

当用户专注于文本框时,会出现软键盘并向上推动底部面板。当文本框失去焦点时,软键盘消失,但底部面板DIV仍然在屏幕中间。

当键盘通过单击键盘中的隐藏按钮(右下角的按钮)明确关闭时,不会发生这种情况。此外,如果底部面板DIV使用{position:absolute},则没有问题。

其他信息:

iOS版:7.1.1

Cordova版本:4.2

我已经在所有文本框控件的onblur事件中执行window.scrollTo(0, 0);,以便在键盘关闭后恢复窗口。

另外,我正在使用以下视口设置

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1,target-densitydpi=medium-dpi;width=device-width;height=device-height" />

在不使用{position:absolute}样式的情况下解决此问题的最佳解决方案是什么?

0 个答案:

没有答案