首页 > 代码库 > 关于有ajax 请求的iframe自适应高度问题
关于有ajax 请求的iframe自适应高度问题
关于第一种iframe自适应高度问题比较简单
页面加载完后 重新计算一下高度
1 document.onreadystatechange=function() { 2 if(document.readyState=="complete"){3 window.parent.document.getElementById("iframeID").height=document.body.scrollHeight;4 } 5 }
还有一种就是页面有使用jQuery ajax请求,页面加载完后,请求还在继续,页面的高度还在改变
这种使用上面的方法完全实现不了效果
第二种 使用jquery的 ajaxComplete 方法,每一次ajax 请求完成后,都再次获取页面高度更改iframe 高度
function getheightouat(){ window.parent.document.getElementById("iframeID").height=document.body.scrollHeight; } $(document).ajaxStart(function(){}) .ajaxComplete(function(){ getheightouat(); }).ajaxStop(function(){});
关于有ajax 请求的iframe自适应高度问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。