簡單實現iframe的高度根據頁面內容自適應(jQuery方式)
阿新 • • 發佈:2018-01-22
eight var 調用 pos jquery 出現 引用 main body
這篇文章主要介紹了簡單實現iframe的高度根據頁面內容自適應(jQuery方式),以及在ie瀏覽器下的相關問題
方式一:
//註意:下面的代碼是放在和iframe同一個頁面中調用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30;
//ie下,會出現頁面每點擊一次,增加一次高度,谷歌沒問題 $(this).height(mainheight); });
方式二:
//註意:下面的代碼是放在iframe引用的子頁面中調用 $(window.parent.document).find("#iframeId").load(function() { var main = $(window.parent.document).find("#iframeId"); var thisheight = $(document).height() + 30;
//ie下,會出現頁面每點擊一次,增加一次高度,谷歌沒問題
main.height(thisheight); });
簡單實現iframe的高度根據頁面內容自適應(jQuery方式)