时间: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邮箱联系删除。
微信支付推出空中离线支付解决方案“微信机上付”,首个应用场景落地春秋航空。微信支付分550分以上的用户,只需开通“微信机上付”功能,便可在飞行过程中享受“先享后
如图所示:解决方案:1.缩放窗体时先得到内容左边的空白宽度。$("#nav").offset().left;得到内容区左边的空白宽度。2.得到整个窗体的宽度(注
本文实例为大家分享了微信小程序授权登录解决方案的具体代码,供大家参考,具体内容如下getUserInfoF:function(){varthat=this;wx
Iframe跨域自适应高度(兼容IE/Firefox)终极解决方案main.html在A域,被包含的iframe.html、proxy.html以及proxy.
5月8日消息,在百货数字化解决方案发布会上,天虹与企业微信、微信支付共同发布首个针对百货业态的数字化解决方案。过去,百货大多采用“联营+自营”为主的运营模式,更