H5在ios手机上的一个兼容性问题

533

## 问题描述

今天在线上环境 突然收到一个反馈,在一个iso手机上存在一个问题, 唤起弹窗时,有个输入框,当输入完内容再去点击确定按钮时,发现无效。

存在问题的手机:

微信7.0.14 ios12.3.1 iphone8
微信7.0.15 ios12.4.8 iphone6 plus

## 原因分析:

ios手机在唤起键盘时,会将页面顶起来,导致整个页面出现滚动条,这个时候弹窗的定位相对于窗口的位置就不准确了,导致整个弹窗区域的内容无法被选中,因此事件无法被触发。

## 解决办法:

在input失去焦点时,动态还原页面的scollTop值

onBlur(){   
   var pageNode = document.querySelector('.container');  
   pageNode.scrollTop = 0;
}

## 重新验证:

再次打包验证,没问题。