设置iframe的高度

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

评论

1 楼 FX夜归人 2014-11-18  

parent.document.getElementById("contentFrameID").height = document.body.scrollHeight + dvalue