当前位置:首页 > 日记 > 正文

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

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

相关文章

excel表格数字显示不完全怎么办exc

excel表格数字显示不完全怎么办exc

数字,显示,解决方法,不完全,表格,  在日常工作上,有需录入较多的数字,比如身份证号,当输入完成后发现表格无法全部显示全部的数据,下面小编就教你excel表格数字显示不完全的解决方法.希望对你有帮助!excel表格数字显示不完全的解决方法选择要…

ppt怎样粘贴到word文档中

ppt怎样粘贴到word文档中

文档,方法,电脑软件,ppt,word,  将ppt放在word中你知道怎么做吗?对于常用PPT的朋友再熟悉不过了,下面小编就为你提供怎么将ppt放在word的方法啦,不懂的朋友会请多多学习ppt制作哦。将ppt导入word文档的方法利用大纲视图打开PPT演示文稿,单击…

PPT2007中怎么将幻灯片转换成

PPT2007中怎么将幻灯片转换成

幻灯片,转换成,中将,图片,电脑软件,  在PPT2007中可以很方便的将幻灯片转换成图片,这项能可以给我们日常办公减少一些麻烦,比如我们想把PPT幻灯片以图片形式添加到Word文档中。以下是小编为您带来的关于PPT2007中将幻灯片转换成图片,希望对…

JavaScript实现事件的中断传播和行

JavaScript实现事件的中断传播和行

方法,事件,中断,示例,电脑软件,事件传播MicroSoft的设计是当事件在元素上触发时,该事件将接着在该节点的父节点触发,以此类推,事件一直沿着DOM树向上传播,直到到达顶层对象document元素。这种自底向上的事件传播方式称为“事件冒泡”,也就是事件…

详解Vue.js组件可复用性的混合 | m

详解Vue.js组件可复用性的混合 | m

组件,混合,可复用性,自定义指令,详解,混合是什么混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。例如:var tpl1={ te…

jQuery读取本地的json文件 | 实例

jQuery读取本地的json文件 | 实例

文件,读取,实例,电脑软件,jQuery,最近写项目需要读取本地的json文件,然后悲催的发现前端新手的我居然不会,查查找找发现这东西并不难,但是应该是比较常用的,毕竟json太好用了!我是直接用的 jquery 实现的,但是 Ajax 也可以,不过我用的Ajax的简约版…

为什么微信扫一扫无法获取摄像头数

为什么微信扫一扫无法获取摄像头数

数据,扫一扫,摄像头,电脑软件,  当你使用微信扫码时,会出现无法获取摄像头数据,请重新打开扫一扫的提示,这些会影响到大家扫码关注、支付等问题,小编将在本文为大家提供摄像头打不开的解决办法,希望能够帮助到大家。微信扫一扫无法获取摄像头…

Word2007默认段落间距和行距如何更

Word2007默认段落间距和行距如何更

默认,行距,间距,段落,如何更改,  升级了版本之后,默认的段落间距和行距比早期版本的Word 要大,默认的段落间距超出了文字编辑。以下是小编为您带来的关于Word2007默认段落间距和行距更改,希望对您有所帮助。Word2007默认段落间距和行距更改…

JavaScript基础进阶之数组方法总结

JavaScript基础进阶之数组方法总结

推荐,数组方法,进阶,基础,电脑软件,数组常用方法总结:下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。1个连接数组的方法:concat()2个数组转换为字符串的方法:join()、toString()6个增删数组元素的方法:pop()、p…

Photoshop制作非常震撼的逼真3D眼

Photoshop制作非常震撼的逼真3D眼

3D,逼真,海报,眼镜,电脑软件,这张海报前后共计花费了10个小时左右,找素材花费了4个小时,合成的比较匆忙。如果你想尝试一下的话,建议先选择一个小局部进行尝试性合成,因为这次的海报合成部分太多,涉及到手绘调整的地方也不少。最终效果一、构思…

详解Webstorm 新建.vue文件支持高

详解Webstorm 新建.vue文件支持高

语法,支持,文件,详解,电脑软件,Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法,分享给大家,具体如下:添加新建.vue文件功能①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories②点击安装vue.js③安…

ps怎么给人物添加一个爆炸背景动画

ps怎么给人物添加一个爆炸背景动画

动画效果,背景,人物,电脑软件,ps,本文主要是用时间轴来设置动画,前期把人物抠出,并用云彩滤镜渲染出烟雾效果;然后在时间轴就可以灵活设置动画,把烟雾缩小再放大就可以做出爆炸效果。最终效果。软件名称:photoshop CC 2016 64位 中文绿色精简破…