H5微信页面开发 IOS系统 input输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置，导致弹框里的按钮响应区域错位

柠檬花开_

于 2019-06-18 18:06:33 发布

阅读量709

点赞数

分类专栏： ios @blur 文章标签： ios @blur

本文链接：https://blog.csdn.net/Sunny_lxm/article/details/92797534

版权

ios 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

@blur

1 篇文章 0 订阅

订阅专栏

如图：红框部分就是当输入框收起时，页面不能自动回到原位，导致点击存储效果失效

红框中是页面不能下来，点击存储失效

解决思路：当页面的input框失去焦点的时候，页面的的高度scroll = 0

代码：

 <input style="padding:0" id="address" class="option-input" type="text" 
v-model="formData.address.fullAddress" @blur="onBlur">


 methods: {
            // 键盘收起，页面scoll变为0
         onBlur () {
              if (navigator.userAgent.toLocaleLowerCase().includes('iphone')) {
                    window.scrollTo(0,0)
               }
               window.scrollTo(0,0)
        },
}

ok，我的问题解决