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

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

当键盘弹出后，页脚也被顶起来；而当搜索完（要刷新整体页面），键盘缩回后，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'

//导入

lzDjyLvhTm

var win = $(window).height();

//获取cookie里

var winCookie = $.cookie("win1",{path: '/' });

//若cookie里无，则填充；若cookie里有，则取出

if(!winCohttp://okie){

$http://.cookie("win1", win,{path: '/' });

}else{

win = winCookie;

}

总结

以上所述是给大家介绍的微信页面弹出键盘后iframe内容变空白的解决方，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。