H5应用 安卓输入法弹出撑开底部导航栏的问题解决

本文介绍了在H5应用中遇到安卓输入法弹出导致底部导航栏被撑开的问题,由于无法设置安卓底层代码,作者采取了一种策略:通过标志位footFlg控制底部导航的显示,文本输入框focus时不显示,blur时重新显示。为了解决点击关闭输入法按钮时底部导航栏未显示的状况,作者利用window.resize()监听输入法关闭和打开时窗口高度的变化,从而实现导航栏的正确显示。这种方法成功解决了问题,且避免了复杂事件处理。
摘要由CSDN通过智能技术生成

浏览了很多博客,解决提示是设置安卓底层代码,而我们开发H5与平台无关,无从设置。于是用了一个猥琐的办法,去控制底部导航的显示不显示。
代码如下:

  <ion-footer-bar ng-show="footFlg">
    <a class="tab-item" ng-show="hasPrivilege" href="#/undeal">
      <image src="../www/img/undeal-unchoose.svg" class="img_size"></image>
      <p>待我处理</p>
    </a>
    <
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值