Question

我正在使用Colorbox来创建我的模态。目前我有一个隐藏div的模态。单击Show more按钮后，隐藏的div将fadeIn并显示。但是，当隐藏的div变得可见时，滚动条和这个新div的一部分在没有向下滚动的情况下是不可见的。换句话说，模态窗口没有调整大小以适应新内容。

当隐藏的div变得可见时，如何调整模态窗口的大小？谢谢！

Answer 1

您可以通过定位模态并将高度更改为内部DIV的高度来手动执行此操作。

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

Answer 2

我也有类似的问题，我尝试过以下事情：第一步尝试将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＆amp; frameHeight是resp。宽度和宽度我想要调整颜色框模式大小的模态的高度。即计算widht＆amp;要调整模式大小的高度，并将这些值传递给此自定义调整大小函数。可能你应该尝试在一段时间后调用此函数（例如使用settimeout（）），这将有助于计算宽度＆amp;高度设定，希望这有助于...... !!!

Colorbox模态没有调整大小

2 个答案: