文档章节

消除子iframe的滚动条

厚客
 厚客
发布于 2015/02/06 11:54
字数 153
阅读 16
收藏 0

两种方式:

方式一:在父页面中操作

<script type="text/javascript">
  // 计算页面的实际高度,iframe自适应会用到
  function calcPageHeight(doc) {
      var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
      var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight)
      var height  = Math.max(cHeight, sHeight)
      return height
  }
  var ifr = document.getElementById('ifr')
  ifr.onload = function() {
      var iDoc = ifr.contentDocument || ifr.document
      var height = calcPageHeight(iDoc)
      ifr.style.height = height + 'px'
  }
</script>

方式二:在子页面中操作

<script>
	// 计算页面的实际高度,iframe自适应会用到
	function calcPageHeight(doc) {
	    var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
	    var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight)
	    var height  = Math.max(cHeight, sHeight)
	    return height
	}
	window.onload = function() {
		var height = calcPageHeight(document)
		parent.document.getElementById('ifr').style.height = height + 'px' 		
	}
</script>


© 著作权归作者所有

厚客
粉丝 0
博文 11
码字总数 4007
作品 0
南宁
私信 提问
谷歌浏览器中iframe的自适应高度

在页面代码中使用iframe内联框架,为了消除页面滚动条,使用了自适应iframe高度的一些东西,但是在谷歌浏览上怎么都调试不出来(不自动使用iframe的高度),都大神指点为什么,要怎么该!...

等花的牛粪
2013/03/06
3.6K
4
jsp 内嵌网页内容--iframe

ZZzzz~ may wind  src:文件的路径,既可是HTML文件,也可以是文本、ASP等;  width、height:"画中画"区域的宽与高;  scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项...

网页
2008/05/21
0
0
HTML iframe 用法小总结

Iframe用法,下面是一个常规的列子 <iframe border=2 frameborder=0 width=500 height=500 marginheight=0 marginwidth=0 scrolling=no src="move-ad.html"></iframe> 其中: iframe用于设置文......

Mr韦淋
2014/11/17
0
0
解决Selenium报错“Element is not clickable at point...”的四种方法

点击报错 使用Selenium时,触发点击事件,经常报如下异常: 原因及解决方法 无外乎四种原因 1. 未加载 没加载出来就等待元素加载出来,再往下执行。 可以使用python库time 不过最好还是使用s...

还是要坚强
2017/10/18
0
0
“画中画”效果--谈IFRAME标签的使用

作者:秋实 文章来源:天极网页陶吧 纵观时下网站,本来网速就有些慢,可是几乎每页都要放什么Banner,栏目图片,版权等一大堆雷同的东西,当然,出于网站风格统一、广告效应的需要,本无可厚...

晨曦之光
2012/03/09
82
0

没有更多内容

加载失败,请刷新页面

加载更多

Qt编写数据可视化大屏界面电子看板9-曲线效果

一、前言 为了编写数据可视化大屏界面电子看板系统,为了能够兼容Qt4和嵌入式linux系统,尤其是那种主频很低的,但是老板又需要在这种硬件上(比如树莓派、香橙派、全志H3、imx6)展示这么华...

飞扬青云
30分钟前
3
0
责任链模式

//这篇博客的博主真的不错,解析的都很清晰明了, https://blog.csdn.net/jason0539/article/details/45091639

南桥北木
56分钟前
3
0
Flutter -------- dio网络请求

dio是Flutter中文网开源的一个强大的Dart Http请求库,支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等... 1.添加依赖# dependencies: dio: 2.1.x #...

切切歆语
今天
1
0
PHP的学习

PHP变量的命名必须以$符开始,如: $i;$j;$name; $符后面的第一个字符不可以是数字,只能是字母或者下划线(_)。 除了下划线(_)之外,变量中不能出现任何特殊字符,也就是变量只能包含...

墨冥
今天
3
0
一篇文章彻底搞懂Java虚拟机

概念: 虚拟机:指以软件的方式模拟具有完整硬件系统功能、运行在一个完全隔离环境中的完整计算机系统 ,是物理机的软件实现。常用的虚拟机有VMWare,Visual Box,Java Virtual Machine(Jav...

骚年锦时
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部