最简单的方法去掉iframe滚动条
2010-04-08 14:14
351 查看
该文也可以说是一个iframe自适应大小的折中解决办法。iframe出现滚动条的原因是,body里面的内容的高度大于了iframe的高度,所以会出现滚动条。 解决办法: 采用Jquery从iframe嵌套的页面中获取一个高度值,在iframe的父窗口中的onload事件中更新iframe的高度。 具体实现代码: 父页面: <mce:script type="text/javascript"><!-- function SetCwinHeight(){ var H=$("#myiframe").contents().find("meta").attr("content"); alert(H); $("#myiframe2").height(H); } // --></mce:script> <body style="overflow:auto;" mce_style="overflow:auto;"> <iframe id="myiframe" src="xx.html" mce_src="xx.html" onLoad="SetCwinHeight()"></iframe> </body> <mce:script type="text/javascript"><!-- function SetCwinHeight(){ var H=$("#myiframe").contents().find("meta").attr("content"); alert(H); $("#myiframe2").height(H); } // --></mce:script> <body style="overflow:auto;" mce_style="overflow:auto;"><iframe id="myiframe" src="xx.html" mce_src="xx.html" ></iframe></body></html> 子页面: Html代码 <meta content="800px"> 运行原理: 父页面读取子页面中meta的字段值来设置iframe的高度 额外说明: 当iframe 的高度小于内容高度时,如果父窗口的BODY 的overflow:auto,则会出现2个垂直滚动条,iframe的垂直滚动条和父窗口的滚动条; 如果这时,BODY 的overflow:hidden,则只会出现iframe的垂直滚动条,但是,iframe的内容显示不完。 原文链接:http://edu.codepub.com/2009/0416/3006.php
相关文章推荐
- 最简单的方法去掉iframe滚动条
- 最简单的方法去掉iframe滚动条
- CSS定义网页滚动条和去掉滚动条的方法
- iframe 自适应高度 去掉iframe滚动条 只留外面页面的滚动条
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- 能隐藏IFRAME的滚动条吗?我知道的三种方法
- android 中去掉窗口全屏显示的简单方法
- 去掉iframe横向滚动条_iframe滚动条
- session过期跳转到登陆页面并跳出iframe框架的最简单方法
- 去掉iframe横向滚动条或竖条
- JS简单判断滚动条的滚动方向实现方法
- mysql去掉重复值的简单方法
- 如何去掉linux源文件里面的^M符号简单方法
- Photoshop修补工具去掉照片中的路人简单方法
- 去掉优酷、土豆等视频网站视频前后内置15秒广告的最全最简单方法
- 去掉iframe白色背景方法
- 在oc中把原本字符串123-456-789-000里面的-去掉然后输出最简单方法
- 去掉字符串中的\r\n---不用cstring的方法---简单实用
- sugarcrm去掉版权声明的简单方法
- 去掉 iframe 边框以及滚动条以及背景透明