H5 IOS 虚拟键盘不回落的问题

Posted 2022-01-30 xqmyhome

在 H5 页面中，会发现在高版本的 ios 系统中（ios12以上）和微信版本6.7.x以上，都会发现 input 等输入框，输入内容之后发现虚拟键盘消失，但是页面出现大面积白框。

解决办法（最后加上是否是微信浏览器）：

　　document.addEventListener(‘focusout‘, () =>

      setTimeout(() =>

        let height = document.documentElement.scrollTop || document.body.scrollTop

        window.scrollTo(0, height + 1)

        window.scrollTo(0, height - 1)

      , 20)

    )