值得纪念的一天--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)

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

推荐阅读更多精彩内容