Phonegap Android键盘覆盖输入元素滚动被禁用

Question

我尝试过许多不同的解决方案，但都不是我想要的。我想让键盘显示在内容上方（保持内容大小不变），同时能够滚动到键盘覆盖的输入元素。

我尝试过的每一个解决方案都会给我一个或另一个，但不是两个都给。

我尝试过的解决方案：

• 这里是解决方案。将android:WindowsOfInputMode=“adjustPan”和android:configChanges=“orientation | keyboardHidden”添加到我的AndroidManifest中的主要活动中。xml
• 上述解决方案使用“adjustResize”而不是“adjustPan”
• 这里是解决方案。增加我的信心。xml

使用adjustPan可使我的元素保持相同大小，但禁用滚动。使用adjustResize调整整个页面的大小，使所有内容都微型化。保持默认设置，只调整包含输入元素的包装器的大小，但启用滚动。

我设法在这里找到了完全相同的问题（没有答案）。他们可以通过将应用程序的大小调整到150%并滚动到覆盖的输入元素来“修复”，但就像他们说的那样，这并不理想。

感谢您的帮助。

Answer 1

对于android项目输出，我也遇到了同样的问题，在我的情况下，输入元素没有在键盘上向上移动。经过一夜的搜索（包括那些配置更改和其他），我在angularjs cordova项目中发现了这一点

StatusBar.overlaysWebView(true);
StatusBar.hide();

我的控制器中的线路导致了那个恼人的问题。我用这些线来解决ios状态栏的问题，现在我用那些处于if状态的线解决了问题。

if( device.platform=="iOS")
  {
   StatusBar.overlaysWebView(true);
   StatusBar.hide();
  }

Answer 2

我有最有效的解决方案，可以自动滚动输入并使其可见。首先，您需要添加ionic键盘插件（适用于任何cordova项目），因为eventlistener“showkeyboard”现在不起作用。

cordova plugin add ionic-plugin-keyboard --save

然后在“keyboardshow”事件的事件处理程序中添加以下代码：

window.addEventListener('native.keyboardshow', function(e){ 
    setTimeout(function() {
        document.activeElement.scrollIntoViewIfNeeded();
    }, 100);
});

注：这仅在Android（Chrome）和Safari上受支持：D

Answer 3

对于配置中的大多数情况。xml将全屏首选项更改为false。那就行了。

<preference name="fullscreen" value="false" />