浏览 1218 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
最后更新时间：2008-06-29 关键字: iframe 滚动条 jquery iframe自适应大小
该文也可以说是一个iframe自适应大小的折中解决办法。
iframe出现滚动条的原因是，body里面的内容的高度大于了iframe的高度，所以会出现滚动条。 解决办法： 采用Jquery从iframe嵌套的页面中获取一个高度值，在iframe的父窗口中的onload事件中更新iframe的高度。 具体实现代码： 父页面：
<script type="text/javascript">
function SetCwinHeight(){
var H=$("#myiframe").contents().find("meta").attr("content");
alert(H);
$("#myiframe2").height(H);
}
</script>
<body style="overflow:auto;">
<iframe id="myiframe" src="xx.html" onLoad="SetCwinHeight()"></iframe>
</body>
子页面： <meta content="800px"> 运行原理： 父页面读取子页面中meta的字段值来设置iframe的高度 额外说明： 当iframe 的高度小于内容高度时，如果父窗口的BODY 的overflow:auto，则会出现2个垂直滚动条，iframe的垂直滚动条和父窗口的滚动条； 如果这时，BODY 的overflow:hidden，则只会出现iframe的垂直滚动条，但是，iframe的内容显示不完。 声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
|
| 返回顶楼 | |
|
最后更新时间：2008-07-01
总不可能给每个子页面设meta值吧
|
| 返回顶楼 | |
|
最后更新时间：2008-07-24
css刚刚开始学习！上面的代码不错
|
| 返回顶楼 | |
