首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

设立iframe的高度

2012-07-04 
设置iframe的高度为了使iframe不出现滚动条(使用浏览器自身的滚动条),需要把iframe内嵌页面的scrollHeight

设置iframe的高度
为了使iframe不出现滚动条(使用浏览器自身的滚动条),需要把iframe内嵌页面的scrollHeight高度设置给iframe的height,这里需要注意的是,在设置iframe高度前需要把iframe的高度清空下,具体如下:

<iframe id="contentFrameID" style="display:none;width:100%;" scrolling="no"  frameborder="0" src="about:blank"></iframe>

/** * iframe 高度自适应js */$(document).ready(function(){    window.iframeResize = function(){      var  dvalue = 0;      if($.browser.safari){          dvalue = 67      }      parent.document.getElementById("contentFrameID").scrolling = "no";      parent.document.getElementById("contentFrameID").height = "";      parent.document.getElementById("contentFrameID").style.height = "";      parent.document.getElementById("contentFrameID").height = document.body.scrollHeight + dvalue;    }    if(window.iframeResize){        window.iframeResize();    }});


目前在IE9、8、7,谷歌,firefox浏览器下显示符合要求。

热点排行