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

现象如图

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券