当键盘可见时,Cordova Vue启用滚动视图

时间:2019-01-20 17:23:56

标签: android cordova vue.js phonegap

我的键盘出现问题,键盘的视图上的输入字段重叠:

View without keyboard

Keyboard overlaps input fields

显示键盘时,它会缩小我的视图,但是我使用以下方法解决了此问题:

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

现在键盘在要显示时不会缩小视图,但仍会与输入字段重叠。我只想在这种情况下启用Y轴上的滚动视图。一切都在<div>容器标签内进行,该标签具有:

#app {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 85%;
  background-image: url("./assets/img/bg_menu_portrait.png");
}

我还尝试了以下操作:

<preference name="android-windowSoftInputMode" value="adjustResize" />

但是它使事情变得更糟。 (当键盘即将显示时,它会缩小视图并且也不会滚动)。

对此情况有解决方案吗?看来这是Cordova / PhoneGap应用程序中的一个常见问题,我在StackOverflow上看到了很多解决方案,但是它们都不适合我...

0 个答案:

没有答案