解决微信H5页面软键盘弹起后页面下方留白的问题（iOS端）

摘要：微信H5项目，ios端出现了软键盘输完隐藏后页面不会回弹，下方会有一大块留白最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面的留白就会消失

前言：

微信H5项目，ios端出现了软键盘输完隐藏后页面不会回弹，下方会有一大块留白最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面的留白就会消失。所以只要在输入完毕后模拟一下这个“滚动”的操作，就能解决问题了。

如果是用vue写的：

<input type="text" @blur="fixScroll" placeholder="请输入xxx"/>
//methods中添加：
fixScroll() {
    window.scrollTo(0, 0);
}

因为这个问题只在iOS端出现所以使用前进行一下判断：

fixScroll() {
        let u = navigator.userAgent;
        let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        if (isiOS) {
          window.scrollTo(0, 0);
        }
}

大功告成

来自：https://blog.csdn.net/qq_43196107/article/details/90713132

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_3565