【WeChat】微信页面弹出键盘后iframe内容变空白

原创 2017年09月06日 17:26:54

BUG 还原
当键盘弹出后,页脚也被顶起来;而当搜索完(要刷新整体页面),键盘缩回后,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;
}

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

使用Material Design Tint和视图详解

视图首先来讲Material Design 视图的概念,在新的api中,新添加了z轴的概念,z轴垂直于屏幕,用来表现元素的层叠关系,z值(海拔高度)越高,元素离界面底层(水平面)越远,投影越重,这里有...

hdu 6115 Factory(lca暴力)

我们将A省简化为由N个城市组成,某些城市之间存在双向道路,而且A省的交通有一个特点就是任意两个城市之间都能通过道路相互到达,且在不重复经过城市的情况下任意两个城市之间的到达方案都是唯一的。聪明的你一定...

hdu 1078 fatmouse and cheese

思想记忆化搜索还有的搜索方式是状态搜索状态搜索,是进行状态映射,以便得知某个状态是否已经搜索过了,是为了避免重复搜索, 状态搜索应用的场景是,简单地标记哪个点有没有走过,已经不再满足需求了。或者说,无...

api上传图片

PHP上传的简单案例:   Html文件: html> form action="index.php" name="form" method="post" enctype="mult...

排序之直接插入排序

直接插入排序简介直接插入排序最适合的场景如下:对于一个有序的序列来说,当我们将另外一个数字添加到该有序序列中的时候,依次从该序列的右边开始比较,如果要插入的值小于序列中当前位置的值,那么序列中该位置的...

自定义控件三部曲视图篇(三)——瀑布流容器WaterFallLayout实现

前言:只要在前行,梦想就不再遥远 前面两节讲解了有关ViewGroup的onMeasure、onLayout的知识,这节我们深入性地探讨一下,如何实现经常见到的瀑布流容器,本节将实现的效果图如下:从效...

边缘检测算法

clear all; I = imread('airplane.jpg'); I=rgb2gray(I); BW1 = edge(I,'sobel');   %利用Sobel算子进行边缘检测 ...

Hive学习之Hive数据库DDL

Hive提供了与SQL相似的数据定义语言(DDL),对于熟悉SQL的人来说,学习Hive的DDL是非常容易得,即使从未接触过SQL的人,学习也不是一件很难的事情。虽然本人对SQL有一定的了解,但绝不敢...

今日头条 面试题一例

之前同学面试今日头条,碰到了破浪数问题 即在数组上升下降不定时,找到其中一个波峰 如{1,2,3, 1,0,-1, -3,1,3, 4,5,2, 1,0,2, 3,2,1}找到3即可最优为O(lo...

idea maven 配置spring mvc mybatis

http://blog.csdn.net/yege2006/article/details/51377674
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)