iframe自动适应宽度,当内容超出整个屏幕时,出现滚动条
发布网友
发布时间：2022-04-21 06:57
共2个回答
懂视网
时间：2022-04-21 11:19
图1
不用easyui，直接嵌套iframe测试后，发现设置
body{margin:0;padding:0;} 后滚动条没有了
但是在easyui里，没效果，各位大神帮忙看看，demo地址：
http://pan.baidu.com/s/1mgBqkh6
回复讨论(解决方案)
自己搞定了
http://stackoverflow.com/questions/9129182/iframe-100-height-causes-vertical-scrollbar
热心网友
时间：2022-04-21 08:27
var timeIframe;
window.onload=function(){
timeIframe=setTimeout(GetIframeStatus,10);
}
function GetIframeStatus()
{
var iframe = document.getElementById("iframe");
var iframeWindow=iframe.contentWindow;
//内容是否加载完
if(iframeWindow.document.readyState=="complete")
{
var iframeWidth,iframeHeight;
//获取Iframe的内容实际宽度
iframeWidth=iframeWindow.document.documentElement.scrollWidth;
//获取Iframe的内容实际高度
iframeHeight=iframeWindow.document.documentElement.scrollHeight;
//设置Iframe的宽度
iframe.width=iframeWidth;
//设置Iframe的高度
iframe.height=iframeHeight;
}
else
{
timeIframe=setTimeout(GetIframeStatus,10);
}
}
</script>
