iOS 12对ion-footer-bar的底层解释不同导致的bug

我们的项目是使用Cordova写的混合APP,页面展示主要都是HTML5 于是就出现了下面这种native app 根本不会出现的bug

bug:iOS 12以下回复框高度高于键盘高度2倍高度,但是在iOS 12以上的系统都是正常的

分析:由于Cordova框架的ion-footer-bar组件没有适配最新的iOS 12,导致设置回复按钮底部bottom时出问题,iOS 12以下时,bottom指距离弹出的键盘上边距离为0,iOS 12以上时指距离屏幕的最下边的距离为0

解决方案:通过判断系统版本选择是否添加键盘高度

window.addEventListener("native.keyboardhide",keyboardHideHandler);

function keyboardShowHandler(e) {

if(version<12){

$(".reply_btn").css("bottom",0);

}else{

$(".reply_btn").css("bottom",parseInt(e.keyboardHeight) +"px");

}}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,050评论 3 119
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,956评论 1 180
  • 她老了, 饱受了岁月无情的侵蚀, 脸上留下的是纵横交错的纹路。 她老了, 经受人间各种悲欢离合, 满头的银丝是分离...
    sumo_阅读 1,261评论 0 0
  • Iceberg湖步道位于威士拿,和Rainbow湖步道相向而行,来回15公里拔高870米。 树根不多、落叶堆叠而成...
    游闲温哥华阅读 4,057评论 0 2
  • #台州身边事# Houring BABY |2017|kids photo studio|1 岁生日定制1 Bir...
    椒江houring庄园儿童摄影阅读 988评论 0 0