Question

我一直在使用apache cordova和Visual Studio构建应用程序作为我的IDE应该在Android和iOS上运行，我想知道如何制作它以便键盘不会影响webview。

输入框和按钮保持不变，但是当键盘弹出时背景图像会不断调整。这是我的代码：

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（＆＃39; resize＆＃39;，me.onWindowResize，me）;

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

Apache Cordova：键盘调整webview

1 个答案: