javascript - Iframe 中的滚动条在内容之前结束。那么有没有办法将滚动条高度设置为内容的高度

Question

所以，有人可以帮我吗，有一个很大的网页，随着滚动条的结束，它被削减了大约 70%

代码:

</div>
    <div id="divCustomDataPreview" title="Custom Form Preview"   style="background-color: #ffffff; height:580px; !important; display: none;overflow:hidden; " >
        <iframe  id='ifrCustomDataPreview' style="border: 0px; overflow:hidden !important;" scrolling="yes" width='100%' height='100%' onload='javascript:resizeIframe(this);'></iframe>
    </div>
    <div id="divFormCreate" title="Convert To Form" style="display: none;background-color:#FFFFFF">


function resizeIframe(obj) {
    var BrowserName=BrowserDetecting().split('#')[0];
    if(BrowserName == "Chrome" || BrowserName == "Safari")
        obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    else                
        obj.style.height=obj.contentWindow.document.documentElement.scrollHeight + 'px';
}

Answer 1

我使用了一个 js 函数来设置高度并且它起作用了。但我的问题是 settimer 是在加载 iframe 之前设置的高度:

function resizeIframe(iframeID) {   
    var iframe = window.parent.document.getElementById(iframeID);
    var container = document.getElementById('content');

    iframe.style.height = container.offsetHeight + 'px';            
}