iframe 自适应高度

最新推荐文章于 2024-08-28 14:23:26 发布

阿聪世家

最新推荐文章于 2024-08-28 14:23:26 发布

阅读量505

点赞数

分类专栏：网站常用jquery效果文章标签： web前端开发

本文链接：https://blog.csdn.net/congcong875/article/details/50315435

版权

网站常用jquery效果专栏收录该内容

52 篇文章 0 订阅

订阅专栏

<iframe id="mainframe" name="mainframe" marginwidth="0" marginheight="0" src="/Home/Activitylist"
    frameborder="0" width="100%" scrolling="no" height="100%"></iframe>
<script type="text/javascript">
    //注意：下面的代码是放在和iframe同一个页面调用,放在iframe下面
    $("#mainframe").load(function () {
        var mainheight = $(this).contents().find("body").height() + 30;
        $(this).height(mainheight);
    });
</script>


//注意：下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframe").load(function(){
var main = $(window.parent.document).find("#iframe");
var thisheight = $(document).height()+30;
main.height(thisheight);
});