Webview 无法使用 Phonegap 在 android Web 应用程序上平移答案

【问题标题】：Webview does not pan on android web application with PhonegapWebview 无法使用 Phonegap 在 android Web 应用程序上平移
【发布时间】：2013-07-05 07:57:47
【问题描述】：

我正在使用 Phonegap 开发适用于 android 和 ios 的 Web 应用程序

当<input>元素获得焦点时，虚拟键盘弹出，webview在ios设备上平移到顶部以避免键盘覆盖输入元素，但在android上不平移。

这里是 html 中的<meta> 标签

<meta content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale" name="viewport" />

和 AndroidManifest xml

<activity
    android:name=".MainActivity"
    android:label="@string/title_activity_main"
    android:windowSoftInputMode="adjustPan"
    android:screenOrientation="portrait" >
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

我就是不能设置android:windowSoftInputMode="adjustResize"

大部分html元素的样式都使用百分比，如果我使用adjustResize，html页面会乱七八糟

有人知道如何解决这个问题吗？谢谢

【问题讨论】：

您找到解决方案了吗？我也有同样的问题。
@RickMortensen 很遗憾没有

标签： android web-applications

【解决方案1】：

包含我的 web 应用程序的 webview 设置了 android:windowSoftInputMode="adjustResize" ，我发现当文本输入聚焦时，将其滚动到视图中效果很好：

var elOnFocus = function(e) { 
  var textInput = e.target;

  // Use timeout to allow window to resize
  window.setTimeout(function() {
    textInput.scrollIntoView();
  });
};

见：Element.scrollIntoView()

【讨论】：