微信公众号开发 当有input输入完成,键盘消失后页面底部空白

微信公众号内, 部分手机输入密码时自动切换到安全键盘, 点击页面任一地方收起键盘,键盘自动收回后有很大几率出现一块空白继续占着屏幕下方位置,这是滑动页面也无效一样会有空白位置,点击输入框重新唤起键盘再收回页面就变回正常

踩坑很多,最后终于解决

有人说,给body定位,有人说,给页面设置固定高度,有人说失去焦点的时候,window.scrollTo(0,0),

经过尝试都不行。

后来经过尝试发现只有密码输入框的时候有这个问题,普通的输入框没有出现这个问题,所以考虑当密码输入框失去焦点但是底部空白的时候,再创建一个input,使其聚焦并且失去焦点,然后解决了问题,

但是还是有缺点,就是focusout刚触发的时候document.documentElement.clientHeight的高度还没有改变,需要定时器过个一段时间才会改变,这样就会 有一个底部空白的过程然后再消失,目前

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值