解决微信html5页面中输入法收起导致底部留白的问题

现象如图

首先我们要判断当前浏览器是否为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