大家都喜欢

IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置

218 人气      2018-12-21

IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置

218 人气      2018-12-21
12

最近的“全球通会员日”需求中遇到了该问题。如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这也是ios的微信版本更新6.7.4之后才遇到的bug。

目前的解决办法是给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点, 页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效,具体代码如下(已亲测有效) 如果各位大神还有更好方法,烦请分享共同学习~

$(“input,select”).blur(function(){

setTimeout(function(){

var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;

window.scrollTo(0, Math.max(scrollHeight – 1, 0));

},100); });

点赞
文章总数
424+
评论总数
12+
专题栏目
0+
运营天数
1610+