通过IONIC在IOS应用中如何隐藏键盘出现时的页脚

Question

我有一个与页脚栏相关的问题，当在ion-content中聚焦输入时，键盘会出现并且页脚栏会停留在键盘上方。问题在于它会隐藏输入框下面的内容，特别是在横屏模式下，这样会隐藏出现在聚焦输入框下方的弹出框。

有人知道如何解决这个问题吗？当键盘出现时，我可以隐藏页脚栏吗？

谢谢。

- Roshan Bharti

Answer 1

来自Ionic文档:

当键盘打开时，隐藏一个元素，只需添加类hide-on-keyboard-open。

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

所以基本上你只需要将此类添加到你的页脚即可。

- Filipe Oliveira

---

@praveenpds 这是因为您正在使用ionic-v1。从v2开始不再支持它。 - Joyce

Answer 2

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.

- Deepika

Answer 3

声明一个文档变量，如下所示： declare var document:any;

使用原生键盘插件订阅键盘显示和隐藏事件，如下所示： Keyboard.onKeyboardShow().subscribe( (value)=>{ document.body.classList.add('hide-on-keyboard-open'); } Keyboard.onKeyboardHide().subscribe( (value)=>{ document.body.classList.remove('hide-on-keyboard-open'); }

添加 CSS： body.hide-on-keyboard-open .scroll-content{ margin-bottom: 0px !important; } body.hide-on-keyboard-open .footer{ display: none; }

完成了，可以开始使用了！这个方法完美无缺100%。

- Nandy_10