美文网首页
子页面修改iframe高度

子页面修改iframe高度

作者: 新篇章 | 来源:发表于2018-04-03 16:52 被阅读0次
<div class="active">
        <iframe class="iframeClass" src="assetDetail.html"></iframe>
</div>


function IFrameResize() {
    var obj = parent.document.getElementsByClassName("iframeClass"); //取得父页面IFrame对象
    for(var i = 0; i < obj.length; i++) {
        if($(obj).eq(i).attr('src') == 'assetDetail.html') {
            $(obj).eq(i).css('height', '920px');
            $(obj).eq(i).parent('.active').css('height', '920px');
        } else {
            $(obj).eq(i).css('height', '800px');
        }
    }
}

只有一个iframe

function IFrameResize() {
    var obj = parent.document.getElementsByClassName("iframeClass");//取得父页面IFrame对象
    var objScrollHeight = this.document.body.scrollHeight;
    $(obj).css('height', objScrollHeight + 150);
    $(obj).parent('.tab-pane').css('height', objScrollHeight + 150);
}

相关文章

网友评论

      本文标题:子页面修改iframe高度

      本文链接:https://www.haomeiwen.com/subject/qbrchftx.html