当前位置: 代码迷 >> Web前端 >> 设立iframe的高度
  详细解决方案

设立iframe的高度

热度:266   发布时间:2012-07-04 19:33:55.0
设置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浏览器下显示符合要求。

  相关解决方案