我们的项目是使用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");
}}