鍵盤在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文件：any;

2. 使用本機keybaord插件訂閱鍵盤顯示和隱藏事件，如下所示： -

   Keyboard.onKeyboardShow（）。subscribe（（value）=> {document.body.classList.add（'hide-on-keyboard-open'）;}

   Keyboard.onKeyboardHide（）。subscribe（（value）=> {document.body.classList.remove（'hide-on-keyboard-open'）;}

3. 添加css： -

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

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

就是這樣，你可以完美地完成這項工作100％。