如何使iframe自适应内容的高度且不出现滚动条 问题解决后再加10分

Posted 2023-03-13

还有没有更好的啊

参考技术A <iframe src="xxxx“ width="980" onload="SetWinHeight(this)" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>
function SetWinHeight(obj)

var win=obj;
if (document.getElementById)

if (win && !window.opera)

if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;



你试下 看看能不能解决问题追问

试了下 不行啊~~~~~~~~~~~~~

追答

function autoSize()
var maxWidth = Math.max(
document.documentElement["clientWidth"],
document.body["scrollWidth"], document.documentElement["scrollWidth"],
document.body["offsetWidth"], document.documentElement["offsetWidth"]
);

document.getElementById("ff").style.width = maxWidth +'px';
document.getElementById("ff").style.height = document.documentElement["clientHeight"] +'px';

autoSize();
window.onresize = autoSize;

那再试试这个呢 ff是框架ID 还有要放在body里 加上样式bodyoverflow:hidden;

追问

还是不行

追答

那你加下我的qq吧 378574264

追问

你有验证码 加不上

参考技术B http://zhidao.baidu.com/question/299627782.html?oldq=1追问

你这个也不行

追答

这个是经过我测试，并且还测试过IE，FF等，在我的电脑上都可以的。

追问

能不能吧你测试的结构给我发一下看看啊 可能是结构不一样 这是我的结构

这里是topbar琐碎按钮

这里是banner

这里是导航

追答

1.html

无标题文档

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);



这里是topbar琐碎按钮

这里是banner

这里是导航

2.html

无标题文档

122222222222222222222

bbbbbbbbbbbbbbbbbbb

本回答被提问者采纳