ios打开微信浏览器页面时,点击输入框或者输入时页面消失?

项目是微信webapp,在android上正常,在苹果手机上,当点击页面上的输入框时,软键盘弹出后页面有时会消失,如果点击获取焦点后页面没消失,那么在软键盘输入时就会消失!!!!!wtf,我整个人都懵了......
我在ios真机调试时,并没发现问题,只是发现当页面消失后,我改变页面上任意一个元素的属性,页面又出来了?我操(我心里是拒绝爆粗的),乔布斯你大爷的!
有谁遇到这样的坑啊?求指教
等下我传效果图上来
图片描述

这是页面初始打开时的样子
图片描述

这是点击后软键盘弹出,然后页面就消失了!!!
有时候点击后页面不会消失,但是输入的时候,输入2~3个字符后页面又消失!!!!
我真心无奈了,关键是我心里一点设想都没有。
有没有了解这个坑的?跪求指教啊

补充一点:那个input内的数据是用vue的v-model绑定的,我刚开始以为是节点渲染不及时的问题,做了相应的修改,还是没有解决问题,求解答啊我去,掉坑里出不来了

回答:

找到答案了,我给图中所有输入项的那个外层元素加上一个ovflow:hidden;就解决了!!!!!尼玛,还有这种操作?如我截图的图二问题图中所显示一样,页面消失了,可是输入框焦点明明还在啊?而且我页面也是正常的版式布局,就是一个main_box下面包含着多个输入项box,也没有定位,浮动等特殊处理啊,所以我压根就没往这上面想,我一直以为是vue的渲染机制问题导致的,结果我这两天一直全是往动态渲染上面去怼了...
:要是能时光穿梭,真想回到初学前端那天狠狠给自己一巴掌,前端有毒!

回答:

我也碰到这个问题了,用过hidden,页面也不会闪了。只是不知道为何。佩服佩服。

回答:

强啊大哥,真心管用啊!!牛逼牛逼,本来还不信hidden能解决还自己鼓捣了好久。。。服气服气!
不过话说回来这问题是为啥啊,这个异常是我在一次更新后新出现的,但是目前找不同并没有找到合理的解释,诱因也没找到。

回答:

帮大忙了,感谢!!!

回答:

太6了 只有ios微信浏览器有这个问题

回答:

有人知道是什么原因么?

以上是 ios打开微信浏览器页面时,点击输入框或者输入时页面消失? 的全部内容, 来源链接: utcz.com/p/187651.html

回到顶部