一般情況下：iOS在config.xml中

設置

?1 <preference name="KeyboardShrinksView" value="false" />?

Android ?在AndroidManifest.xml 中添加

?1 <activity android:windowSoftInputMode="adjustResize">?

?

上面的二個都是讓鍵盤彈出時，鍵盤將會覆蓋到頁面上方而不會擠壓頁面內容；

在ionic 中 有一個方法是 鍵盤彈出時，隱藏可能被擠壓到的div ；class="hide-on-keyboard-open"

?1 <div class="hide-on-keyboard-open"> 2 <div id="google-map"></div> 3 </div>?

或者添加 plugin 的方式?https://github.com/driftyco/ionic-plugins-keyboard.

詳細內容 查查文檔?

文檔 keyboard

轉載于:https://www.cnblogs.com/xieyier/p/4016024.html

總結

以上是生活随笔為你收集整理的鍵盤彈出，頁面佈局被推上去了.....的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。