關於iframe 動態改變高度的問題,该怎么处理
日期：2014-05-17 浏览次数：20821 次
關於iframe 動態改變高度的問題
請問一下~
我現在使用spry 的TabbedPanels 功能，
總共有四個tabs
每一個裡面各裝一個iframe
我想要讓每個iframe各自依照裡面所含的內容改變高度而不產生scrollbar
以下是我的程式內容
不過，只有第一個Tab會根據其內容改變高度，其餘的Tab都不成功，請問是什麼原因呢?
要怎麼改呢?
謝謝各位的幫忙!!!
------解决方案--------------------
其他3个iframe打开页面上隐藏的吧？
你可以先去掉 src="ddd.jsp"这些url，在要显示的时候设置ddd.jsp
請問一下~
我現在使用spry 的TabbedPanels 功能，
總共有四個tabs
每一個裡面各裝一個iframe
我想要讓每個iframe各自依照裡面所含的內容改變高度而不產生scrollbar
以下是我的程式內容
- HTML code
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"><div align="center">AAA</div></li>
<li class="TabbedPanelsTab" tabindex="0"><div align="center">BBB</div></li>
<li class="TabbedPanelsTab" tabindex="0"><div align="center">CCC</div></li>
<li class="TabbedPanelsTab" tabindex="0"><div align="center">DDD</div></li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<iframe frameborder="0" name="frameA" id="frameA" src="aaa.jsp" width="1340" onload="this.height=frameA.document.body.scrollHeight"></iframe>
</div>
<div class="TabbedPanelsContent">
<iframe frameborder="0" name="frameB" id="frameB" src="bbb.sjp" width="1280" onload="this.height=frameB.document.body.scrollHeight"></iframe>
</div>
<div class="TabbedPanelsContent">
<iframe frameborder="0" name="frameC" id="frameC" src="ccc.jsp" width="900" onload="this.height=frameC.document.body.scrollHeight"></iframe>
</div>
<div class="TabbedPanelsContent">
<iframe frameborder="0" name="frameD" id="frameD" src="ddd.jsp" width="1110" onload="this.height=frameD.document.body.scrollHeight"></iframe>
</div>
</div>
</div>
不過，只有第一個Tab會根據其內容改變高度，其餘的Tab都不成功，請問是什麼原因呢?
要怎麼改呢?
謝謝各位的幫忙!!!
------解决方案--------------------
其他3个iframe打开页面上隐藏的吧？
你可以先去掉 src="ddd.jsp"这些url，在要显示的时候设置ddd.jsp
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
