微信页面弹出键盘后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'

//导入
<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内容变空白的解决方，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# 微信页面弹出键盘  # 微信iframe  # ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)  # Android高仿微信表情输入与键盘输入详解  # Android 高仿微信支付数字键盘功能  # 安卓输入框被虚拟键盘挡住的问题(微信开发)  # 微信jssdk在iframe页面失效问题的解决措施  # 弹出  # 小编  # 放在  # 首次  # 在此  # 给大家  # 所述  # 而当  # 给我留言  # 感谢大家  # 再重新  # 疑问请  # 有任何  # pre  # class  # brush  # win  # window  # js  # var 

相关文章： 建站主机类型有哪些？如何正确选型  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  头像制作网站在线制作软件,dw网页背景图像怎么设置？  宝塔建站后网页无法访问如何解决？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何快速启动建站代理加盟业务？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  建站之星导航菜单设置与功能模块配置全攻略  微信小程序 input输入框控件详解及实例（多种示例）  清除minerd进程的简单方法  如何注册花生壳免费域名并搭建个人网站？  jQuery 常见小例汇总  如何在IIS服务器上快速部署高效网站？  建站之星如何快速更换网站模板？  c++怎么用jemalloc c++替换默认内存分配器【性能】  实现虚拟支付需哪些建站技术支撑？  香港服务器选型指南：免备案配置与高效建站方案解析  c# Task.ConfigureAwait(true) 在什么场景下是必须的  小型网站制作HTML,*游戏网站怎么搭建？  济南专业网站制作公司,济南信息工程学校怎么样？  广东企业建站网站优化与SEO营销核心策略指南  制作电商网页,电商供应链怎么做？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  香港服务器网站卡顿？如何解决网络延迟与负载问题？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  html制作网站的步骤有哪些,iapp如何添加网页？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  建站之星如何快速解决建站难题？  已有域名和空间如何搭建网站？  如何选择网络建站服务器？高效建站必看指南  北京专业网站制作设计师招聘,北京白云观官方网站？  如何在云主机上快速搭建网站？  做企业网站制作流程,企业网站制作基本流程有哪些？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  如何实现建站之星域名转发设置？  平台云上自助建站如何快速打造专业网站？  图册素材网站设计制作软件,图册的导出方式有几种？  建站之星后台管理系统如何操作？  教学网站制作软件,学习*后期制作的网站有哪些？  制作门户网站的参考文献在哪,小说网站怎么建立？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  如何解决VPS建站LNMP环境配置常见问题？  制作公司内部网站有哪些,内网如何建网站？  如何高效搭建专业期货交易平台网站？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  建站主机默认首页配置指南：核心功能与访问路径优化  如何在阿里云服务器自主搭建网站？  贸易公司网站制作流程,出口贸易网站设计怎么做？