iframe高度自适应问题
2016-09-21 13:35
281 查看
贴上代码:
$(function() {
//每隔1秒钟调整页面的高度,解决页面中异步请求的数据加载完之后,页面高度随之改变
setInterval(function(){
setIframeHeight(document.getElementById("mainIframe"));
}, 1000);
});
//iframe自适应高度
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;
}
}
};
$(function() {
//每隔1秒钟调整页面的高度,解决页面中异步请求的数据加载完之后,页面高度随之改变
setInterval(function(){
setIframeHeight(document.getElementById("mainIframe"));
}, 1000);
});
//iframe自适应高度
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;
}
}
};
<iframe id="mainIframe" name="mainIframe" scrolling="no" onload="setIframeHeight(this);" src="" style="padding: 0px; margin: 0px; min-height: 750px; width: 100%; border: 0px;">
相关文章推荐
- 关于iframe的自适应高度问题
- iframe 自适应高度问题解决方法
- 两段超简单jquery代码解决iframe自适应高度问题(不用判断浏览器高度)
- jquery ajax应用中iframe自适应高度问题解决方法
- iframe ie7中自适应高度问题
- jquery ajax应用中iframe自适应高度问题解决方法
- 解决iframe显示高度自适应问题
- div和iframe高度的自适应屏幕问题!!
- div/iframe自适应浏览器宽度高度问题
- javascript解决iframe框架页面自适应高度问题
- Iframe高度自适应问题[子页面控制父页面高度]
- iframe跨域 自适应高度的问题
- iframe跨域自适应高度问题的解决方法
- firefox下 iframe 高度自适应问题
- Iframe自适应页面高度问题的最简单最适用的解决办法
- iframe自适应内层页面高度,可响应页面中折叠点击事件,以及实现跨域的问题解决方案
- iFrame 跨域高度自适应问题解决
- JavaScript 处理Iframe自适应高度的问题
- 解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题
- 兼容多浏览器的iframe高度自适应问题