Скрипт растягивает iframe до размеров загружаемых в него данных. Работает только в пределах одного домена.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(function(){
   var iFrames = $('iframe');
   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';
         });
      }
   }
});

Меняет размер для такого html:

1
<iframe src="content.html" class="iframe" scrolling="no" frameborder="0"></iframe>

источник: css-tricks.com

Оставьте свой комментарий