大前端微信

苹果手机点击输入框未关闭输入法情况下,显示的弹出框不能触发问题

2018-11-26  本文已影响6人  左木北鱼

一、问题描述:

今天微信提交遇到一个问题,用的weui.js弹出确认在ios下不能触发,确认和取消都失效,安卓手机正常。

二、问题原因:

苹果手机点击输入后,输入法弹出导致页面上移,弹出框弹出后输入法虽然消失但是页面还是保持上移的状态,此时弹出框显示在正中间,其实位置是偏下的,所以点击确认和取消按钮都失效。

三、解决方法:

让页面恢复正常状态,取消上移。可以采用让页面滚动到最顶部:

$('body,html').animate({scrollTop:0},1000);

上一篇下一篇

猜你喜欢

热点阅读