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

现象如图

image.png

首先我们要判断当前浏览器是否为iOS微信：

代码语言：javascript复制

const isIOSWeChat = () => {
    const ua = window.navigator.userAgent.toLowerCase()
    return ua.includes('micromessenger') && ua.includes('like mac os x')
}

然后如果判断成功，则主动调整滚动条即可

代码语言：javascript复制

if (isIOSWeChat()) {
    window.scrollTo(0, document.documentElement.scrollTop || document.body.scrollTop)
}

ios 腾讯云 image png 博客

0 人点赞