Iframe 滚动条
来源:互联网 发布:成都麻将打5元算法图片 编辑:程序博客网 时间:2024/04/29 01:42
最简单的方法去掉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>
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>
<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" ></iframe></body></html>
<iframe id="myiframe" src="xx.html" onLoad="SetCwinHeight()"></iframe>
</body>
<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" ></iframe></body></html>
子页面:
Html代码
Html代码
<meta content="800px">
运行原理: 父页面读取子页面中meta的字段值来设置iframe的高度
额外说明:
当iframe 的高度小于内容高度时,如果父窗口的BODY 的overflow:auto,则会出现2个垂直滚动条,iframe的垂直滚动条和父窗口的滚动条;
如果这时,BODY 的overflow:hidden,则只会出现iframe的垂直滚动条,但是,iframe的内容显示不完。
当iframe 的高度小于内容高度时,如果父窗口的BODY 的overflow:auto,则会出现2个垂直滚动条,iframe的垂直滚动条和父窗口的滚动条;
如果这时,BODY 的overflow:hidden,则只会出现iframe的垂直滚动条,但是,iframe的内容显示不完。
- iframe 滚动条css
- Iframe 滚动条
- IFRAME去滚动条
- iframe滚动条样式
- 严格控制iframe滚动条
- iframe的滚动条
- iframe去掉滚动条
- iframe滚动条设置
- Iframe去除滚动条
- 去掉iframe滚动条
- iframe显示滚动条
- iframe去掉滚动条
- 去掉 iframe 横向 滚动条 iframe 滚动条
- 解决iframe滚动条问题
- iframe 不带滚动条
- 控制iFrame的滚动条
- iframe css 滚动条 颜色
- 解决iframe滚动条问题
- WinForm开发,窗体显示和窗体传值相关知识总结(转)
- Timesten安装
- 设置tomcat的session的过期时间
- 数据库设计中的14个技巧
- 利用VS2005进行dump文件调试
- Iframe 滚动条
- win7小工具之屏幕录像(问题步骤记录器)
- ASP.net弹出消息对话框的方法
- 针对上网本和便携式设备的第一批MeeGo构架
- 简化Python解释环境的安装
- IFRAME滚动条的样式
- 2010-4-20
- e32keys.h
- win7错误报告发送之无打扰模式