【发布时间】:2014-10-31 08:32:20
【问题描述】:
点击页面底部的文本输入,会出现一个虚拟键盘(如预期的那样)。问题是虚拟键盘与焦点文本输入重叠。因此,当我输入时,我看不到正在输入的内容。我也无法向下滚动到底部以查看文本框,因为页面总是会重新弹出。我正在使用 Phonegap 3.5 和 jquery 1.9.1 的版本
【问题讨论】:
标签: javascript css cordova
点击页面底部的文本输入,会出现一个虚拟键盘(如预期的那样)。问题是虚拟键盘与焦点文本输入重叠。因此,当我输入时,我看不到正在输入的内容。我也无法向下滚动到底部以查看文本框,因为页面总是会重新弹出。我正在使用 Phonegap 3.5 和 jquery 1.9.1 的版本
【问题讨论】:
标签: javascript css cordova
我通过focusin 和focusout jquery 方法解决了它:
//JS : OnReady event:
var windowHeightSeventyPercent = parseInt(screen.height * 0.7); //To support multiple devices
$("input").focusin(function(){
$("body").height($("body").height()+parseInt(windowHeightSeventyPercent)); //Make page body scroll by adding height to make user to fillup field.
});
$("input").focusout(function(){
$("body").height($("body").height()-parseInt(windowHeightSeventyPercent));
});
【讨论】:
Phonegap Build 吗?如果是这样,请分享config.xml 文件?非常感谢。
将以下首选项添加到 config.xml
<preference name="android-windowSoftInputMode" value="adjustResize|stateHidden" />
【讨论】: