2 qq 36859539 qq_36859539 于 2017.09.10 15:32 提问

iframe高度自适应不对,scrollHeight取得的值不正确 10C
 function iFrameHeight2(p) {   
var ifm= document.getElementById(p);  
var subWeb = document.frames ? document.frames[p].document : ifm.contentDocument;   
alert(subWeb.body.scrollHeight  +(p));
if(ifm != null && subWeb != null) {

   ifm.height = subWeb.body.scrollHeight   ;
   ifm.width = subWeb.body.scrollWidth;
}   


 <div id="tabs-r">
            <div class="subtabs">
              <ul style="background:#FFF; border-color:#FFF; color:#FFF">
                <c:forEach items="${rescueList}" var="rescue" varStatus="i">
                    <li>
                        <a href="#subtabs-${i.count}" data-toggle="tab"> ${rescue.no}</a>
                    </li>
                </c:forEach>
              </ul>
              <c:forEach items="${rescueList}" var="rescue" varStatus="i">
                <div id="subtabs-${i.count}" style="margin:0;padding:0;overflow:hidden" >
                    <iframe id="${i.count}a"
                        src="${ctx}/business/act/rescue/toLook?id=${rescue.id }&&type=1";scrolling="no";
                        style="width: 100% ; margin: 0; padding: 0;" marginwidth="0" marginheight="0"; onLoad="iFrameHeight2('${i.count}a')">
                    </iframe>
                </div>
              </c:forEach>
            </div>
          </div> 

5个回答

showbo
showbo   Ds   Rxr 2017.09.10 20:04

获取body的offsetHeight,scrollHeight会获取的是iframe加载的所有页面中的最高的

改这样试试


 function iFrameHeight2(p) {   
var ifm= document.getElementById(p);  
var bd=ifm.contentWindow.document.body;
///要注意加上px单位
   ifm.height =bd .offsetHeight+'px'  ;
   ifm.width  =bd .offsetWidth+'px'  ;
}   
qq_36859539
qq_36859539   2017.09.11 08:53

不行,原来的方法是只有第一个的页面是正常的,剩下的得到的页面高度都太大。你的这个方法也是一样的问题

m0_38082783
m0_38082783   2017.09.11 11:27

问一下,你是要在iframe中有多个页面切换?
如果是,你就要每次切换的时候给iframe重新设置高度,才能保证每次的高度都是对的

qq_36859539
qq_36859539 是。每次获得的都是新的iframe,得到新页面的高度。p是个动态变量,是id.
3 个月之前 回复
xiaogei123
xiaogei123   2017.09.12 14:34
 var bHeight = iframe.contentWindow.document.body.scrollHeight;
            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
            var height = Math.max(bHeight, dHeight);
            iframe.height = height;
qq_37524684
qq_37524684   2017.09.14 17:49

可以给iframe外面的div高度宽度,iframe的高宽直接给100%

Csdn user default icon
上传中...
上传图片
插入图片