最（zuì）簡單的方法去掉iframe滾動條（tiáo）
該文也可以說是一個iframe自適（shì）應大小的折中解決辦法。iframe出現滾動（dòng）條的原因是，body裏麵的內容的高（gāo）度大於了iframe的高度，所以會出現滾動條。
解決辦法：
采用Jquery從iframe嵌套的頁麵中（zhōng）獲取一個高度值，在iframe的父（fù）窗口中的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代碼
<meta content="800px">
運行原理： 父（fù）頁麵讀（dú）取子頁麵中meta的字段值來設（shè）置iframe的高度
額外（wài）說明：
當iframe 的高度（dù）小於內容（róng）高度時，如果父窗口的BODY 的overflow:auto，則會出現2個垂直滾動條，iframe的垂（chuí）直滾動條和父（fù）窗口的滾動條（tiáo）；
如果這時，BODY 的overflow:hidden，則隻會出現iframe的垂直滾動條，但是，iframe的內容顯（xiǎn）示不完。
關（guān）鍵詞：iframe
閱讀本文後您有什麽感想? 已有 人給出評價!
- 11
- 27
- 437
- 25
- 39
- 52
