继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

就酱ba
关注TA
已关注
手记 15
粉丝 13
获赞 318

https://img2.mukewang.com/5c11fc060001069237422020.jpg

近期在开发微信H5页面时碰到这个问题,如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这也是ios的微信版本更新6.7.4之后才遇到的bug。

目前的解决办法是给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效,具体代码如下:

$("input,select").blur(function() {
setTimeout(() => {        
const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
 window.scrollTo(0, Math.max(scrollHeight - 1, 0));},100);
 })

转自:博客园

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP