ionic-framework - Ionic ion-footer 将键盘向上推
问题描述
我在Ionic的应用程序中有一个ion-footer,但我遇到了一个问题,每次键盘出来时,页脚都会被向上推。我添加了:
配置 XML
<preference name="KeyboardResize" value="false" />
<preference name="KeyboardResizeMode" value="ionic" />
<ion-footer class="ion-no-border" slot="fixed">
<ion-grid class="footer-tab">
<ion-row justify-content-around>
<ion-col>
<ion-button expand="block" fill="clear" [routerLink]="['/inicio']">
<ion-icon color="medium" name="home"></ion-icon>
</ion-button>
Início
</ion-col>
<ion-col>
<ion-button expand="block" fill="clear" [routerLink]="['/extrato']">
<ion-icon color="medium" name="list"></ion-icon>
</ion-button>
Abastecimento
</ion-col>
<ion-col>
<ion-button expand="block" fill="clear" [routerLink]="['/indicacoes']">
<ion-icon color="medium" name="happy"></ion-icon>
</ion-button>
Indique
</ion-col>
<ion-col>
<ion-button expand="block" fill="clear" [routerLink]="['/rede']">
<ion-icon color="success" name="pin"></ion-icon>
</ion-button>
Postos
</ion-col>
</ion-row>
</ion-grid>
</ion-footer>
CSS
.footer-tab {
font-size: 12px;
text-align: -webkit-center;
margin-top: -11px;
margin-bottom: 2vh;
color: grey;
}
[屏幕截图键盘向上推]
解决方案
推荐阅读
- javascript - 如何在 Vue 中将输入文件的内容切换为加密和非加密?
- node.js - 如何在 Node.js 中查看脚本范围的变量
- c - 如何构建 libonion?
- jquery - 使用 jquery-datatables 获取数据
- unix - Kubernetes pod 将进入 crashloop 退避:在启动容器时说权限被拒绝
- node.js - 使用 Nodejs 实时抓取聊天记录
- javascript - Bootstrap 单选按钮“是”或“否”不接收更改或单击事件
- c# - UWP 应用程序上的文本框底部边框不可见
- php - 通过用户 id 从另一个表视图中获取用户名
- java - 向 Java 程序添加帐户登录 + HWID 锁的最安全方法是什么?