微信页面弹出键盘后iframe内容变空白的解决方案

时间:2021-05-18

当键盘弹出后,页脚也被顶起来;而当搜索完(要刷新整体页面),键盘缩回后,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内容变空白的解决方,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章