鍍金池/ 問答/iOS/ ios打開微信瀏覽器頁面時(shí)，點(diǎn)擊輸入框或者輸入時(shí)頁面消失？

ios打開微信瀏覽器頁面時(shí)，點(diǎn)擊輸入框或者輸入時(shí)頁面消失？

項(xiàng)目是微信webapp,在android上正常，在蘋果手機(jī)上，當(dāng)點(diǎn)擊頁面上的輸入框時(shí)，軟鍵盤彈出后頁面有時(shí)會(huì)消失，如果點(diǎn)擊獲取焦點(diǎn)后頁面沒消失，那么在軟鍵盤輸入時(shí)就會(huì)消失?。。。?！wtf，我整個(gè)人都懵了......
我在ios真機(jī)調(diào)試時(shí)，并沒發(fā)現(xiàn)問題，只是發(fā)現(xiàn)當(dāng)頁面消失后，我改變頁面上任意一個(gè)元素的屬性，頁面又出來了？我操（我心里是拒絕爆粗的），喬布斯你大爺?shù)模?br>有誰遇到這樣的坑啊？求指教
等下我傳效果圖上來
圖片描述

這是頁面初始打開時(shí)的樣子
圖片描述

這是點(diǎn)擊后軟鍵盤彈出，然后頁面就消失了！?。?br>有時(shí)候點(diǎn)擊后頁面不會(huì)消失，但是輸入的時(shí)候，輸入2~3個(gè)字符后頁面又消失?。。。?br>我真心無奈了，關(guān)鍵是我心里一點(diǎn)設(shè)想都沒有。
有沒有了解這個(gè)坑的？跪求指教啊

補(bǔ)充一點(diǎn)：那個(gè)input內(nèi)的數(shù)據(jù)是用vue的v-model綁定的，我剛開始以為是節(jié)點(diǎn)渲染不及時(shí)的問題，做了相應(yīng)的修改，還是沒有解決問題，求解答啊我去，掉坑里出不來了

回答
編輯回答
失魂人

幫大忙了，感謝?。?！

2017年1月10日 07:29
編輯回答
撥弦

強(qiáng)啊大哥，真心管用?。?！牛逼牛逼，本來還不信hidden能解決還自己鼓搗了好久。。。服氣服氣！
不過話說回來這問題是為啥啊，這個(gè)異常是我在一次更新后新出現(xiàn)的，但是目前找不同并沒有找到合理的解釋，誘因也沒找到。

2017年7月28日 15:03
編輯回答
孤慣

我也碰到這個(gè)問題了，用過hidden，頁面也不會(huì)閃了。只是不知道為何。佩服佩服。

2018年2月22日 19:48
編輯回答
九年囚

找到答案了，我給圖中所有輸入項(xiàng)的那個(gè)外層元素加上一個(gè)ovflow：hidden;就解決了！?。。?！尼瑪，還有這種操作？如我截圖的圖二問題圖中所顯示一樣，頁面消失了，可是輸入框焦點(diǎn)明明還在啊？而且我頁面也是正常的版式布局，就是一個(gè)main_box下面包含著多個(gè)輸入項(xiàng)box，也沒有定位，浮動(dòng)等特殊處理啊，所以我壓根就沒往這上面想，我一直以為是vue的渲染機(jī)制問題導(dǎo)致的，結(jié)果我這兩天一直全是往動(dòng)態(tài)渲染上面去懟了...
：要是能時(shí)光穿梭，真想回到初學(xué)前端那天狠狠給自己一巴掌，前端有毒！

2017年1月5日 07:03