當通過IONIC在IOS應用程序中出現鍵盤時隱藏頁腳

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：

要隱藏的元素，當鍵盤打開，添加類隱藏式鍵盤打開。

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

所以基本上你只需要這一類添加到您的頁腳。

Answer 3

1. 聲明一個文檔變量是這樣的： -

   DECLARE VAR文件：任何;

2. 訂閱鍵盤顯示和隱藏使用本地keybaord插件像這樣的活動： -

   Keyboard.onKeyboardShow（）訂閱（（值）=> { document.body.classList.add（'隱藏 - ';（隱藏式鍵盤開'）; } }

   Keyboard.onKeyboardHide（）訂閱（（值）=> { document.body.classList.remove）' 鍵盤開上

3. Add css： -

   body.hide-on-keyboard-open .scroll-content {{0} {0} {{margin}}} }

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

完蛋了，你是好去 這個工程完美100％。