iframe自適應框架內容高度

//--根據子頁面的內容高度設定iframe的高度。在初始化及子頁面改變的時候均可以自適應。
$(function(){
  var ifr=$("#Selector");
  var ifr_loaded=false;
  ifr.load(function(){ 
    ifr_loaded=true;
    var childHeight=ifr[0].contentWindow.document.documentElement.scrollHeight; 
    console.log(childHeight);
    ifr[0].height =  childHeight;
    ifr.height(childHeight);
    //--當子頁面高度改變時候,iframe也要跟着改變。
    $(ifr[0].contentWindow.document).resize(function(){
      var height2=ifr[0].contentWindow.document.documentElement.scrollHeight;
    ifr[0].height =  height2;
    ifr.height(height2);    

    });


    });
  //--父窗口從新resize尺寸時候,計算高度。
  var timer_ifr=null;
  $(window).resize(function(){
    if(ifr_loaded==false){
      //--系統沒有加載完成子窗口就不要執行了,沒意義。
      return;
    }
    if(timer_ifr!=null){
      clearTimeout(timer_ifr);
    }
    timer_ifr=setTimeout(function(){
      var height2=ifr[0].contentWindow.document.documentElement.scrollHeight;
    ifr[0].height =  height2;
    ifr.height(height2);         
      timer_ifr=null;
    },500);
  });
});
相關文章
相關標籤/搜索