網頁視圖不會在Android上的Web應用程序與PhoneGap的

Question

我工作的Android和iOS Web應用程序使用PhoneGap的

油鍋時，將<input>元素獲得焦點，虛擬鍵盤彈出，web視圖搖頂在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元素的樣式使用百分比來設置，HTML如果我使用adjustResize

有人知道如何解決這個問題嗎？ THX

Answer 1

包含我的Web應用程序的網頁流量有機器人：windowSoftInputMode =「adjustResize」設置，我發現，當文本輸入的重點是其滾動進入視野的偉大工程：

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

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

參見：Element.scrollIntoView()