如何更新iframe的高度？

Parent.html

<iframe onload="iframeLoaded('settings')" id="settings" src="myIframe.html" frameborder="0" border="0" cellspacing="0" style="border-style: none;width: 100%;"></iframe>

父JS

 function iframeLoaded(meth) { 
      var iFrameID = document.getElementById(meth); 
      if(iFrameID) { 
       iFrameID.height = ""; 
       iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px"; 
      } 
     }

的myIframe.html

<button id="display_all">view more</button> 
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit....</div>

第一負載點擊更多荷蘭國際集團myIframe.html，該視圖後內容將顯示此

Lorem ipsum dolor sit amet, consectetur adipiscing elit morbi vel orci nisl. Sed sit amet maximus nulla. Nunc sit amet lectus non ante venenatis aliquam eget ut erat. Sed vitae gravida diam, ac pharetra magna. Nullam leo nibh, rhoncus eget arcu vel, hendrerit dapibus libero. Donec purus ligula, mollis quis erat a, aliquam pharetra tortor. 

Aenean et erat odio. Nullam vel diam felis. Phasellus a metus urna. Integer posuere, odio eget porta mollis, massa odio fringilla nibh, sed ultricies ipsum arcu vel risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Nullam condimentum, sem vel scelerisque dignissim, metus ligula imperdiet nisl, quis aliquet ex felis sed risus. Morbi gravida ultrices risus, at tincidunt mauris venenatis eget. 

Aenean et erat odio. Nullam vel diam felis. Phasellus a metus urna. Integer posuere, odio eget porta mollis, massa odio fringilla nibh, sed ultricies ipsum arcu vel risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Nullam condimentum, sem vel scelerisque dignissim, metus ligula imperdiet nisl, quis aliquet ex felis sed risus. Morbi gravida ultrices risus, at tincidunt mauris venenatis eget. 

Aenean et erat odio. Nullam vel diam felis. Phasellus a metus urna. Integer posuere, odio eget porta mollis, massa odio fringilla nibh, sed ultricies ipsum arcu vel risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Nullam condimentum, sem vel scelerisque dignissim, metus ligula imperdiet nisl, quis aliquet ex felis sed risus. Morbi gravida ultrices risus, at tincidunt mauris venenatis eget.

現在我的問題是這樣的，1號負載高度是確定的（becaue的JS iframeLoaded的）未顯示垂直滾動，但是當我點擊查看更多按鈕（顯示其它文本）垂直出現滾動。

如何通過單擊iframe中的按鈕（查看更多）來調整iframe的高度，以便將垂直滾動刪除？

順便說一句，父母和iframe運行在同一個網址。

讓我知道你有問題讓它更清楚。任何幫助將不勝感激，我提前感謝你！ :)

來源

2016-02-28 Bry

在iframe：

$("display_all").click(function() { 
    parent.$("body").trigger("eventName"); 
});

在容納體

$("body").on("eventName", function() { 
    $("#settings").height(yourHeightVal); 
});

來源

2016-02-28 15:38:47

如何更新iframe的高度？

回答

相關問題