iPhone键盘在phonegap中向上推页面

Question

我正在使用jquery mobile 1.4.2在phonegap / cordova 3.3.0中开发iOS应用
我设计了一个带有多个文本框的页面用于输入，但是当iPhones的本机键盘打开时，它将在iphone 4中向上推页面，在iphone 5中，我也遇到相同的问题，但是关闭键盘后页面进入原始状态，但是在iphone 4中页面卡在顶部处于推动位置。 检查下面的屏幕截图。
这是屏幕
这是键盘打开时

关闭后关闭键盘
请帮忙...

Answer 1

现在，您可以添加：

document.body.scrollTop = 0;

每当输入字段触发模糊事件时。

礼貌： 链接

Answer 2

不知道它是否相关了，但是我还是会添加它，因为它可以解决我的问题，我刚刚添加了：

  window.addEventListener('native.keyboardhide', function(){
                            window.scrollTo(0,0);
                        });

它解决了我的问题。

Answer 3

我遇到过类似的情况，但我需要将重点放在底部。 请注意，我根据窗口大小满足了不同型号的iPhone的需要。

  function fixKeyboardOffset(){
    var iOSOffset = 0;
    switch ($(window).height()){
      case 716 : iOSOffset = 340; break;
      case 647 : iOSOffset = 285; break; 
      case 548 : iOSOffset = 190; break;  
      case 460 : iOSOffset = 110; break;  
    }
    if (device.platform == 'iOS'){
        $('#comment-field').on('focus', function(e) {
          $('html, body').animate({
              scrollTop: $("#content_comment_container").offset().top - iOSOffset
          }, 0);
        });
    }
  }

Answer 4

尝试添加：

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

这就是我如何解决phonegap构建中的相同问题。