在WebView中显示键盘后出现左边界和上边界

Question

我在PhoneGap中有一个宽度和高度均为100％的Web应用程序，它填充整个页面，但是当我输入或尝试将值（数字）输入到一个<input>字段，页面的顶部和右侧会出现2-3px的宽边距。我甚至尝试将body的边距修改为-3px，但仍然保持白色的差距，这只是在Android 2.2和2.3版本中才出现的。这是一个错误，还是我唯一有这个问题？

Answer 1

我在应用程序中遇到了这个错误。我确信这是Android 2.2及以上的错误。我尝试了几种可能的解决方案，发现一个可行的解决方案不幸的是，我不知道它为什么起作用。它由三部分组成。

在CSS文件中，我插入以下：

#offset_wrapper { 
     position: absolute; 
     top: -20px; 
} 

每次应用程序导航到包含具有固定位置的元件上的网页，插入下面的代码片断：

$("div#main_container").append("<div id='offset_wrapper'>" + window.pageXOffset + "</div>"); 

随后，每次应用从这些页面导航时，都会应用以下代码。

$("#offset_wrapper").remove(); 

Answer 2

它必须处理固定位置页眉和页脚。在导航到输入页面时，我将页眉和页脚的位置css属性更改为jQuery以外的固定位置和主体位置默认值（css('position', '')）。当导航到需要固定位置的页面时，我只是将其改回。

Answer 3

老我知道，但我解决了这个问题还是很类似的问题在我的PhoneGap的应用程序通过指定不在我的固定元素的left:0。通常，我只保留顶部或底部为我的100％宽固定导航页眉和页脚元素指定。

当键盘飞出时，约5像素的边距将出现。添加left:0阻止了我的发生。