最簡單的（de）方法（fǎ）去（qù）掉iframe滾動條
該文（wén）也可以說是（shì）一個（gè）iframe自適（shì）應（yīng）大小的折中解決辦法。iframe出現滾動條的原因是（shì），body裏麵的（de）內（nèi）容的高度大於了iframe的高度，所以會（huì）出現滾動（dòng）條。
解（jiě）決（jué）辦法：
采用Jquery從iframe嵌套的頁麵中獲取一個高度（dù）值，在iframe的父（fù）窗口中（zhōng）的onload事件中更新iframe的高度。
具體實現代碼：
父頁麵：
<script type="text/javascript">
function SetCwinHeight(){
var H=$("#myiframe").contents().find("meta").attr("content");
alert(H);
$("#myiframe2").height(H);
}
</script>
<body style="overflow:auto;">
<iframe id="myiframe" src="xx.html" onLoad="SetCwinHeight()"></iframe>
</body>
<script type="text/javascript">
function SetCwinHeight(){
var H=$("#myiframe").contents().find("meta").attr("content");
alert(H);
$("#myiframe2").height(H);
}
</script>
<body style="overflow:auto;"><iframe id="myiframe" src="xx.html" ></iframe></body></html>
子頁麵：
Html代碼（mǎ）
<meta content="800px">
運行原理： 父頁麵讀（dú）取子頁麵中meta的（de）字段值來設置（zhì）iframe的高度
額外說明：
當iframe 的高度小（xiǎo）於內容高度時，如果父窗口的（de）BODY 的overflow:auto，則會（huì）出現2個垂直滾動條（tiáo），iframe的垂（chuí）直滾（gǔn）動條和父窗口的滾動（dòng）條；
如果（guǒ）這（zhè）時，BODY 的overflow:hidden，則隻會出現iframe的垂直滾動條，但是，iframe的（de）內（nèi）容顯示（shì）不完。
關（guān）鍵詞：iframe
閱讀（dú）本（běn）文後您有什麽感想（xiǎng）? 已有 人給出（chū）評（píng）價（jià）!
- 11
- 27
- 437
- 25
- 39
- 52
