iframe框架高度跟随内容自适应高度的实现方法

在制作网站过程中，使用iframe框架来引用网页也是经常用到的一个操作。那么就会遇到一个问题，当iframe框架中的网页内容高度是不定的，那如何让iframe的框架高度随内容而自动变化呢？今天就来说说iframe高度自适应的具体实现方法，请看下面代码：

<script src="jquery-2.2.4.min.js" type="text/javascript"></script>

<iframe src="http://www.12564.cn" width=100% height=3000px scrolling=no></iframe>

<script>
    $(document).ready(function() {
    
        $("iframe").on('load', function(){ //在iframe框架加载完后执行
        
            var ifheight = $("iframe").contents().find("html").height(); //获取iframe框架中的网页高度
            
            $("iframe").height(ifheight); //修改本页面中的iframe框架高度与内部网页高度一致
        });
    });
</script>

通过上面的代码的代码，先获取框架内网页内容高度，然后重置iframe框架的高度就可以实现了。如果你也遇到了这样的问题就试试看吧。