Apache Cordova：Keyboard adjust webview

Question

私は、AndroidとiOSで動作するはずのIDEとしてapache cordovaとVisual Studioを使用してアプリケーションを構築していますが、 Webビューに影響しません。

入力ボックスとボタンは同じままですが、キーボードがポップアップすると背景イメージが調整されたままになります。ここに私のコードは次のとおりです。

body{ 
    width:100%; 
    height:100%; 
    padding:0; 
    margin:0; 
    background-color:#000000; 
    background: url(../images/landscape.jpg); 
    background-size: 360px 568px; 
    background-repeat: no-repeat; 
    box-shadow: 360px 568px rgba(0, 0, 0, 0.4) inset; 
} 


var w = window.innerWidth; 
var h = window.innerHeight; 

document.getElementById("body-tag").style.backgroundSize = w + 'px' + " " + h + 'px'; 
document.getElementById("body-tag").style.boxShadow = w + 'px' + " " + h + 'px' + " " + "rgba(0, 0, 0, 0.4) inset"; 


function myFunction() { 
    var wo = window.outerWidth; 
    var ho = screen.height; 

    document.getElementById("body-tag").style.backgroundSize = wo + 'px' + " " + ho + 'px'; 
    document.getElementById("body-tag").style.boxShadow = wo + 'px' + " " + ho + 'px' + " " + "rgba(0, 0, 0, 0.4) inset"; 
} 

私はまたしても問題になる可能性は何のconfig.xml

<platform name="android"> 
    <preference name="android-windowSoftInputMode" value="adjustPan" /> 
</platform> 

にこれを追加しようとした

？

Answer 1

使用ウィンドウが

window.addEventListener（ 'サイズを変更'、me.onWindowResize、私）、以下のようなイベントのサイズを変更します。

onWindowResize: function(e) 
    { 
     var me = this; 
     window.scrollTo(0, 100); 
     window.removeEventListener('resize', me.onWindowResize); 
    },