当键盘出现时,我们的应用会按预期向上移动。但是,当键盘消失时,应用程序的图形部分将向下移动太多。然而,奇怪的是,应用程序的实际界面不受影响:按钮只能与原始位置进行交互。我们正在使用Cordova 3.5.0。
我的一些错误截图及其影响: https://www.dropbox.com/sh/62vx36a4c3k49lm/AADpPZ6tCgj_qaDJBEFaea3pa
以下代码不会出现此错误,除非将overflow: hidden
添加到body/html or if
位置:fixed`将添加到画布中。但是,如果不添加其中一个参数,应用程序将会过高,用户将能够向上和向下滚动。
CSS代码:
body,html
{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background-color:#FF0000;
}
/* Size will be changed */
canvas {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
background-color:#00FF00;
}
https://github.com/Diusrex/Cordova-ShiftScreen-Problem的github上提供了此错误最小示例的完整代码。