如何在浏览器调整大小时调整iframe高度?

时间:2012-03-15 13:01:46

标签: javascript jquery

我正在尝试调整窗口大小调整上的iframe以及iframe中的内容

当前脚本我只有加载高度。

任何人都可以帮忙吗??

Eaxmple附加

http://jsfiddle.net/zidski/GRRWj/7/

1 个答案:

答案 0 :(得分:0)

$(function(){

        var iFrames = $('iframe');

        $(window).resize(iResize); //Execute function on every resize.

        function iResize() {

            for (var i = 0, j = iFrames.length; i < j; i++) {
              iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
            }

            if ($.browser.safari || $.browser.opera) {

               iFrames.load(function(){
                   setTimeout(iResize, 0);
               });

               for (var i = 0, j = iFrames.length; i < j; i++) {
                    var iSource = iFrames[i].src;
                    iFrames[i].src = '';
                    iFrames[i].src = iSource;
               }

            } else {
               iFrames.load(function() {
                   this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
               });
            }

        });