$("#li1").click(function(){
6
973$("#main-wrap").html("");}
如上代码，iframe是动态加载进#main-wrap元素的，但是由于iframe中内容的高度不确定，当高度超过 父p #main-wrap现在的高度时，下面 就不显示了。
怎样解决一下?
.
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
监听 iframe 的 事件动态设置高度呢
泻药, 父元素设置固定高度 然后设置overflow: auto;
iframe 设置height:100%; 这样当iframe高度超过p高度时会出现滚动条
如果需要外部p动态的改变高度以适应iframe高度,目前我想到的方法是内部iframe访问外部window对象的dom动态的设定高度
比如这样
谢邀~
楼上的说的很对。我再补充一点，即你对iframe的高度加一个监听事件，如果他的高度，超出父元素的高度，那么你动态的去扩展父元素的高度，扩展的时候，可以采用jquery的animation去完成(在规定的时间内完成一个特效)，这样会显得平滑一点，慢慢的张开，不会出现“嗖”的感觉。
话说你的iframe的高度怎么设定的。
function changeFrameHeight(){
var ifm= document.getElementById("iframe_content");
ifm.height=document.documentElement.clientHeight;
}
window.onResize=function(){
changeFrameHeight();
}
问题已经解决，问题出在我没有考虑到jq初始化过程的问题。
通过监听iframe内部某个元素的动作，然后用#('idframe的id').contents().height()取出高度，再设置到外层容器上。
这本不复杂，但是由于iframe本身也是在某元素在click的时候动态加载的，我在写高度设置的时候没有考虑到jq初始化的问题，导致明明写好觉得对的东西没有执行，花了不少时间，后来把设置写到click()片段内，就起作用了。
已经解决。谢谢各位