jQuery iframe 高度自适应

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

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

文章标签：

#jQuery #ViewUI

jQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在网页中动态调整加载内容高度的方法。通过使用jQuery的.load()方法结合简单的JavaScript逻辑，在DOM元素加载完毕前设定元素的高度。此外，还提供了一个改进方案，确保了即使内容高度不足预设的最小高度时，页面布局也不会受到影响。

必须在所有DOM元素加载完毕之前调用，否则不起作用

$("#rightPanel").load(function() {
	$(this).height($(this).contents().height());	
});

根据实际情况进行了一下改良，代码如下：

<script type="text/javascript">
    $(function(){
        $("#workArea").load(function(){    
            var height = $(this).contents().find("#box").height() + 40;
            //这样给以一个最小高度
            $(this).height( height < 400 ? 400 : height );
        });
    });
</script>