移动端IOS H5（VUE）界面被键盘顶起，键盘收起后无法恢复正常

Posted 2023-03-23

参考技术A PS：window.scrollTo 不了解的可以点这里哦 scrollTo

借来同事的手机试了试，真的是激动.....用了两部iPhone手机测试，都ok了！！！nice

这个问题就这样可以解决了！

另外，在开发中遇到一个问题就是，为了做一些设备的兼容，会使用计算的方法来给元素获取高度和宽度，然而首次进入某个界面的时候，vm. refs[ref].getBoundingClientRect().top 为 0，所以采用如下判断的方式给赋值之后就可以了

各位大佬关于自适应和兼容有什么建议可以留言哦，本人菜鸟求指教，谢谢.........

解决移动端 footer fixd 定位被键盘顶起来的方案

 

直接上代码：

$(document).ready(function () {
　　var u = navigator.userAgent;
　　var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1; //android终端
　　var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
　　var h=$(window).height(); //获取窗口高度
　　$(window).resize(function() {     //检测窗口高度变化
　　if($(window).height()<h){    //判断
　　　　$(‘#footer‘).hide();
　　}
　　if($(window).height()>=h){
　　　　if(isAndroid){
　　　　$(‘#footer‘).show();
　　　　$("input").blur();
　　}else if(isiOS){

　　　　$(‘#footer‘).show();
　　}
}

});
});