苹果手机点击输入框未关闭输入法情况下,显示的弹出框不能触发问题
2018-11-26 本文已影响6人
左木北鱼
一、问题描述:
今天微信提交遇到一个问题,用的weui.js弹出确认在ios下不能触发,确认和取消都失效,安卓手机正常。
二、问题原因:
苹果手机点击输入后,输入法弹出导致页面上移,弹出框弹出后输入法虽然消失但是页面还是保持上移的状态,此时弹出框显示在正中间,其实位置是偏下的,所以点击确认和取消按钮都失效。
三、解决方法:
让页面恢复正常状态,取消上移。可以采用让页面滚动到最顶部:
$('body,html').animate({scrollTop:0},1000);