为了使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浏览器下显示符合要求。