键盘在IOS App中通过IONIC隐藏页脚

Question

我的页脚栏有问题，当输入被聚焦时（在离子内容中）键盘出现并且页脚停留在键盘上方。问题是它隐藏了输入下的内容，特别是在横向模式下，因此隐藏了在焦点输入下出现的弹出窗口。

任何人都知道如何解决这个问题？键盘出现时可以隐藏页脚吗？

由于

Answer 1

SET 
cordova.plugins.Keyboard.disableScroll(true); 
AS 
cordova.plugins.Keyboard.disableScroll(false);
inside ur app.js file.
this code worked for me.try it out.

Answer 2

来自Ionic docs：

  

要在键盘打开时隐藏元素，请添加类hide-on-keyboard-open。

     

<div class="hide-on-keyboard-open"> <div id="google-map"></div> </div>

所以基本上你只需要将这个类添加到你的页脚。

Answer 3

1. 声明一个这样的文档变量： -

   声明var document：any;

2. 使用本机keybaord插件订阅键盘显示和隐藏事件，如下所示： -

   Keyboard.onKeyboardShow（）。subscribe（（value）=＆gt; {     document.body.classList.add（＆＃39;隐藏式键盘开＆＃39）; }

   Keyboard.onKeyboardHide（）。subscribe（（value）=＆gt; {     document.body.classList.remove（＆＃39;隐藏式键盘开＆＃39）; }

3. 添加css： -

   body.hide-on-keyboard-open .scroll-content {     margin-bottom：0px！important; }

   body.hide-on-keyboard-open .footer {     display：none; }

这就是你，你好了 这项工作完美100％。