jq 对iframe 标签动态调整高度

最新推荐文章于 2023-10-01 03:54:17 发布

原创最新推荐文章于 2023-10-01 03:54:17 发布 · 781 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #css3

日常使用随记专栏收录该内容

23 篇文章

订阅专栏

这段代码展示了如何在iframe加载完成后，通过JavaScript获取iframe内#content-body元素的高度，并设置iframe的高度为内容高度加100像素，确保内容完整显示。

个人认为最优解：

//iframe 页面加载完成后执行 
$("#tabIframe").load(function() {
            setTimeout(function(){
                //获取iframe 页面中的#content-body 内容高度
                var h = $("#tabIframe").contents().find("#content-body").height();
            	$("#tabIframe").height(h + 100);
            },300);
        });