Fancybox - Обновление размера fancybox с содержимым Iframe?

Я думаю, что у меня такая же проблема, и в моем случае fancybox.resize не работал, но это сработало для меня:

$("#lightbox").fancybox({
  'hideOnContentClick' : true,
  'width' : 500,
  'type' : 'iframe',
  'padding' : 35,
  'onComplete' : function() {
    $('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height
      $('#fancybox-content').height($(this).contents().find('body').height()+30);
    });
  }
});

Спасибо Яну Хоару за публикацию этого здесь: http://www.ianhoar.com/2011/08/25/jquery-and-fancybox-how-to-automatically-set-the-height-of-iframe-lightbox/

Для тех, кто может прийти сюда с помощью Fancybox 2:

Это код, который работал для меня

$(".iframe").fancybox({
                    autoSize: false,
                    autoDimensions: false,
                    width: 630,
                    height: 425,
                    fitToView: false,
                    padding: 0,
                    title: this.title,
                    href: $(this).attr('href'),
                    type: 'iframe'
                });

$('a', $('#youriframeID').contentDocument).bind('click', function() {
    preventDefault();
    $('#yourIframeID').attr('src', $(this).attr('href'));
    $('#yourIframeID').load(function() {
        $.fancybox.resize;
    });
});

Если в вашем iframe щелкнуть «a», события по умолчанию будут заблокированы. Вместо этого мы меняем src вашего iframe. После загрузки #.fancybox.resize автоматически изменит размер fancybox в соответствии с содержимым. Это идея, поэтому код, вероятно, еще не будет работать. Просто чтобы помочь вам встать на правильный путь.

Fancybox 3.3.1 автоматически изменяет размер окна при перезагрузке содержимого iFrame. Параметр является предварительной загрузкой, и по умолчанию он равен true.

См. https://fancyapps.com/fancybox/3/docs/#iframe. .

Я протестировал его, и он работает, но я все еще получаю очень короткую полосу прокрутки в последних версиях Chrome и FF. Функция update() неправильно вычисляет высоту. Это похоже на ошибку, и я разместил ее в репозитории fancybox Github. К сожалению, репо заброшено уже год.

Это работает для меня на fancyBox v2.1.4

$('#myid').fancybox({
    closeBtn    : false,
    padding     : 0,
    preload     : true,
    onUpdate    : function(){
        $.fancybox.update();
    }
});