值得纪念的一天--ios12.1弹c!

从我入职到现在,一直有一个问题bug:移动端IOS的弹窗点击不了的问题,一开始都以为是代码的问题,由于没法在后端测试,而且反应不是很强烈,尽管我一直搜,但并没有找到一个满意的结果。今天上班的时候,这个问题被客户拍成视频发到群里,引起了领导的重视。

一开始方向跑偏了,一直以为是jqweui的弹窗问题,网上搜了一上午,下午又搜了3个小时,还有没找到问题,后来拿着我的苹果6(我的系统10)和同事的苹果x(系统12)划着页面对比,突然就发现,我的输入键盘完成后页面下滑恢复正常,点击按钮有反应,而苹果x的输入完后页面与原来发生了变化,固定在上面下不来了,然后点击按钮没有反应,终于发现问题的根源所在了,于是顺藤摸瓜找到了答案,这感觉真的是太棒了~.~

微信6.7.4版本,部分ios系统12.1.1手机 textarea弹框输入完成在会后,点击确认转单或者审核按钮点击失效问题

// 原因是,当软键盘隐藏的时候,遮罩层回到原位,但是body未回到原来位置,需要手动设置一下。在自己的js文件中加入如下代码即可解决此问题

(/iphone|ipod|ipad/i.test(navigator.appVersion)) && document.addEventListener('blur', function (e) {

// 滚动时 让body的底部与视图容器底部对齐

// 页面(容器)可滚动时有效

// console.log(e.target.localName)

document.body.scrollIntoView(false)

}, true)

你可能感兴趣的:(值得纪念的一天--ios12.1弹c!)