解决微信html5页面中输入法收起导致底部留白的问题
2019-05-28 本文已影响0人
Devid
现象如图
image.png
首先我们要判断当前浏览器是否为iOS微信:
const isIOSWeChat = () => {
const ua = window.navigator.userAgent.toLowerCase()
return ua.includes('micromessenger') && ua.includes('like mac os x')
}
然后如果判断成功,则主动调整滚动条即可
if (isIOSWeChat()) {
window.scrollTo(0, document.documentElement.scrollTop || document.body.scrollTop)
}
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=1pyvbnqxgyw7l