Colorbox модальный без изменения размера

Question

Я использую Colorbox для создания моих модальностей. В настоящее время у меня есть модал, который имеет скрытый div. При нажатии кнопки Show more скрытый элемент div fadeIn появляется. Однако, когда скрытый div становится видимым, полоса прокрутки и часть этого нового div не видны без прокрутки вниз. Другими словами, модальное окно не изменило размеры, чтобы соответствовать новому содержанию.

Как мне изменить размер модального окна, когда скрытый div станет видимым? Спасибо!

Answer 1

У меня тоже была похожая проблема, я попробовал следующие вещи: первый шаг, попробуйте обновить ColorBox до последней версии, я использую v1.3.17.1. В этом js-файле добавьте следующую настраиваемую функцию изменения размера:

publicMethod.myResize = function (iW, iH) {
     if (!open) { return; }  
     if (settings.scrolling) { return; }  
     var speed = settings.transition === "none" ? 0 : settings.speed;  
     $window.unbind('resize.' + prefix);  
     settings.w = iW;  
     settings.h = iH;  
     $loaded.css({ width: settings.w, height: settings.h});  
     publicMethod.position(speed);  
    };

и дать вызов этой функции, я даю вызов этой функции как:

parent.$.fn.colorbox.myResize(frameWidth, frameHeight);

где var frameWidth & frameHeight соответственно.ширина и высота модала, до которого я хочу изменить размер модального окна.то есть вычислите высоту и высоту, до которой вы хотите изменить размер модальной модели, и передайте эти значения этой пользовательской функции изменения размера.Возможно, вам следует попытаться вызвать эту функцию через некоторое время (например, с помощью settimeout ()), это поможет рассчитать ширину и высоту для установки, надеюсь, это поможет ... !!!

Answer 2

Вы можете сделать это вручную, нацелив модал и изменив высоту на высоту внутреннего DIV.

var height = $('#innerDiv').height();
$('#modal').css('height',height);