當鍵盤彈出后,頁腳也被頂起來;而當搜索完(要刷新整體頁面),鍵盤縮回后,iframe里 鍵盤當住的地方變成白色。


前言:
因為iframe要適配,so,高度要計算出來
//整體高var win = $(window).height();//搜索欄var header = $('header').height();//導航欄var nav = $('.navdivwrap').height();//頁底var footer = $('footer').height();//iframe$('#main').height(win -header + nav - footer);解決方案:
原因:
當鍵盤放下后,iframe的高度沒有再重新設置而導致的。
方案① : 將首次iframe的高度放在cookie里
注意:在小米6 中,'win' 貌似沖突了,so 改 ‘win1'
//導入<script src="jquery.cookie.js"></script>var win = $(window).height();//獲取cookie里var winCookie = $.cookie("win1",{path: '/' });//若cookie里無,則填充;若cookie里有,則取出if(!winCookie){ $.cookie("win1", win,{path: '/' });}else{ win = winCookie;}
總結
以上所述是小編給大家介紹的微信頁面彈出鍵盤后iframe內容變空白的解決方,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答