我正在开发基于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}
样式的情况下解决此问题的最佳解决方案是什么?