弹出层中多个输入框，iOS微信下点击错位问题

问题描述

iOS微信下，弹出层中有多个输入框时，点击获取焦点后，元素位置错位；同时收起键盘后不能再次输入；相关按钮无法点击。

PS. 这是微信在iOS下的bug

解决办法

在输入框 blur 的时候调用 window.scrollTo

具体操作如下：

html

 <input type="number" v-model="phone" @blur="scrollto0">

js

methods:{
    setTimeout(()={
        // 调起键盘前滚动条为0, 直接执行 window.scrollTo(0, 0);
        // 调起键盘前滚动条不为0，需自行处理滚动条位置，具体如下：
        const scrollT = document.documentElement.scrollTop || document.body.scrollTop || 0;
        window.scrollTo(0, Math.max(scrollT -1, 0))
    }, 200)
}