Iframe 高度自适应,js控制Iframe 高度自适应
时间:2019-12-31
本文章向大家介绍Iframe 高度自适应,js控制Iframe 高度自适应,主要包括Iframe 高度自适应,js控制Iframe 高度自适应使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Iframe 高度自适应, js控制Iframe 高度自适应, iframe自适应高度
================================
©Copyright 蕃薯耀 2019年12月31日
http://fanshuyao.iteye.com/
方法一:js控制Iframe 高度自适应
这个方法之前一直都在用,没有问题,但最新发现有些情况不行(具体原因不清楚)
方法二:html代码控制
在方法一不生效的时候,使用了方法二。
头部的html不需要任何的声明,都去掉,如下面代码所示:
上面如果能自适应,就不需要下面的;如果上面还不自适应,需要设置
1、body样式中的 overflow: hidden; 绝对不对省略;
2、Iframe 中的 height='100%' 以及 滚动条不能设为no(默认是yes,不用设置即可)
方法三:同样是js控制(未验证)
原理:
Iframe页面的内容利用一个<div id="iframeContent">进行包裹,div会自适应内部高度,因此,可以通过div实现子页面高度的获取。
Iframe页面
父页面(嵌入Iframe的页面)增加js:
方法四:同样是js控制(未验证)
================================
©Copyright 蕃薯耀 2019年12月31日
http://fanshuyao.iteye.com/
原文地址:https://www.cnblogs.com/fanshuyao/p/12123249.html
- Spring项目路径
- 跟Google学写代码--Chromium/base--stl_util源码学习及应用
- libphonenumber--windows上编译libphonenumber.lib以及使用(C++、VS2015)
- querySelector与querySelectorAll
- 【技术博客】Spark性能优化指南——基础篇
- 移动端兼容系列 HTML与CSS兼容
- 保存到配置文件
- linux学习第六十篇:Linux监控平台介绍,zabbix监控介绍,安装zabbix,忘记Admin密码如何做
- 支持向量机及Python代码实现
- 【技术博客】Android自定义Lint实践
- UC浏览器皮肤的那个坑
- 文本溢出-超出文本显示为省略号
- 征信区块链解决方案探索(Hyperledger)
- 概率论12 矩与矩生成函数
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 学习使用Material Design控件(一)
- Android仿微信Viewpager-Fragment惰性加载(lazy-loading)
- Android嵌套滑动冲突的解决方法
- Android应用图标上的小红点Badge实践代码
- 详解Android studio中正确引入so文件的方法
- Android ViewFlipper的详解及实例
- Android编程实现拍照功能的2种方法分析
- 在Ubuntu/Linux环境下使用MySQL开放/修改3306端口和开放访问权限
- 10大HBase常见运维工具整理小结
- Android实现扫一扫识别数字功能
- 通过SSH连接本地linux虚拟机的过程记录
- 实现Android 获取cache缓存的目录路径的方法
- Android 消息分发使用EventBus的实例详解
- 详解Android实现定时器的几种方法
- Android 实现带进度条的WebView的实例