【问题标题】:keyboard hide input (position:fixed; bottom:0;) with phonegap on android键盘隐藏输入(位置:固定;底部:0;)在android上带有phonegap
【发布时间】:2013-11-26 04:24:17
【问题描述】:
尝试了很多东西
<preference name="fullscreen" value="false" />
<preference name="android-windowSoftInputMode" value="adjustResize" />
这似乎是首选方法,但我的键盘仍然显示在我的输入之上。
adjustResize 是否应该强制应用程序窗口调整大小?我还需要别的吗?
如何阻止它将我的元素隐藏在固定底部的位置?
谢谢
【问题讨论】:
标签:
android
cordova
android-softkeyboard
【解决方案1】:
试试这样的:
在出现软键盘的html页面的$(document).ready(function() {});函数中添加这些代码。
var initialScreenSize = window.innerHeight;
window.addEventListener("resize", function() {
if(window.innerHeight < initialScreenSize){
$("#footer").hide();
document.body.style.position = "fixed";
}
else{
document.body.style.position = "";
$("#footer").show();
}
});
这可能会对你有所帮助。
【解决方案2】:
您可以检测焦点文本区域或输入,然后等待一段时间,直到显示键盘,最后滚动页面以达到焦点输入。希望这对你有帮助,干杯。
var container = $('body'),
scrollTo = $('#textarea');
setTimeout((function() {
container.animate({
scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
});
}), 500);