欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ifream高度只适应解决方案

程序员文章站 2024-03-21 08:28:40
...
html代码:
<iframe src="/seller/goods/list" scrolling="no" onload="setIframeHeight(this)" id="bodyCenter" name="workspace" frameborder="0" width="100%" height="100%" style="min-height:800px;" ></iframe>

js代码
function setIframeHeight(iframe) {
    if (iframe) {
    var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
    if (iframeWin.document.body) {
       iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
    }
    }
};

注意一下几点:1.iframe 的scrolling="no"一定要设置好,不发生先出现滚动条在消失的情况。
            2.如果ifream有默认高地可以设置height="100%" style="min-height:800px;"