如何讓iframe框架和主頁面共用一個滾動條(也稱為：iframe高度自適應問題)

最近在前端頁面遇到了一個問題，我在一個頁面中利用iframe框架引入了一個頁面進來，但是這個頁面的高度是不叫高的，高出電腦屏幕很多，

所以就引發了iframe框架一個滾動條，然后主頁面一個滾動條，這樣頁面就出現了兩個滾動條。在網上查了好久，一直沒有好的方法，直到我在

網上看到了iframe高度自適應，才解決了這個問題。

自適應的意思是，iframe框架的高度自動適應引入的HTML文件的內容高度，顯在頁面上的iframe的高度就是引入的文件的高度，這樣就解決了公用一個滾動條的問題

js代碼：

function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
}
}
};

window.onload = function () {
setIframeHeight(document.getElementById('external-frame'));
};


html代碼：
<iframe src="backtop.html" frameborder="0" scrolling="no" id="external-frame" onload="setIframeHeight(this)"></iframe>

參考網址：http://caibaojian.com/iframe-adjust-content-height.html（iframe高度自適應的6個方法）