微信中网页软键盘收起后页面被遮挡的解决办法

标签:            

网站在微信中打开,点击input弹起软键盘,输入完成收起软键盘时,软键盘虽被收起但软键盘位置被白色区块遮挡。对应的解决办法如下

问题描述

微信中软键盘收起后,软键盘位置处出现白色区块遮挡内容

解决方法

思路:在输入域失去焦点 (blur事件) 时滚动窗口即可

如:下

$('input').on('blur',function(){
    window.scrollTo(0, 0)
    setTimeout(function(){
        window.scrollTo(0, 0)
    },100)
})

其他可参考:https://developers.weixin.qq.com/community/develop/doc/00040a43cd4290dedbc7e7f1851400?_at=1559089628289

更多:微信内置浏览器中ajax失效的问题解决


发表评论 登录

目前评论:0