大小調整父窗口的iframe高度超過

我使用JavaScript來根據其內容動態改變iframe的高度現在大小調整父窗口的iframe高度超過

function resizeIframe(obj) { 
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; 
} 

<iframe id ="iframe" scrolling="no" onload='javascript:resizeIframe(this);'> 
     <p>Iframe not supported,go get a new browser</p> 
</iframe>

如果iframe的頁面高度，使得其他內容+的iframe頁面總高度超過窗口本身的高度，頁面的下部被修剪，使得iframe的底部內容不可見。

如何解決這個問題。

來源

2013-02-20 vishesh

用戶仍然可以向下滾動以查看底部內容嗎？ – Markasoftware 2013-02-20 20:24:14

如果您沒有創建瀏覽器窗口，現代瀏覽器不允許您調整瀏覽器窗口的大小。我爲此感到高興。解決方案：請勿使iframe大於父級或讓父級滾動頁面。 – epascarello 2013-02-20 20:25:00

@Markasoftware沒有滾動條在父窗口中可見 – vishesh 2013-02-20 20:25:57

你應該有辦法阻止iframe變得太大。例如，如果您想要停止iframe變得超過700像素高，請執行以下操作：

function resizeIframe(obj){ 
    var newheight=obj.contentWindow.document.body.scrollHeight; 
    obj.style.height=newheight>700?'700px':newheight+'px'; 
}

來源

2013-02-20 20:35:00 Markasoftware

我現在正在使用jquery.load（）並完全刪除iframe，仍然有相同的問題。 – vishesh 2013-02-20 20:56:19

增加了'body {overflow：auto;}'，問題解決了 – vishesh 2013-02-20 21:04:06

回答

相關問題