Jquery 色盒不'；第一次打开时，不要在适当的高度打开

所以我使用这个插件来创建一个联系人表单。我只是默认的colorbox属性，所以它应该自动调整到它包含的div（对吗？）

第一次加载时，在这个颜色框内容上有一个小的垂直滚动条。我在

Firefox

和

chrome

的

OSX

尝试#1 示例上的活动代码 您不必在此处编写

each（）

函数。您可以关闭滚动

例如

---

我已经调查过这个问题了

尝试查看您通过ajax加载的内容。如果它有一些没有“高度”和“宽度”属性的图像，则会出现滚动条

之所以会出现这种情况，是因为浏览器不知道图像的大小，并且不会等到加载后才计算页面布局。第一次加载后，图像位于缓存中，浏览器可以计算大小

---

尝试指定图像的大小。对我来说，它是有效的。

我也经历过这个问题，只是它发生在内容中没有任何图像。我可以通过将宽度和高度都设置为100%来解决这个问题，在一个div上包装我在colorbox中呈现的内容。

我没有使用图像，所以接受的答案对我不起作用。此外，它仅在使用inline:true时发生，并且在右下角的X按钮高度处显示为off。为了修复它，我添加了一个名为

inlineHeightAdjustment

的新属性，然后在

getHeight

函数中使用它

在jquery.colorbox.js中：

function getHeight() {
   settings.h = settings.h || $loaded.height();
   settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
   // Adjust height for inline boxes
   settings.h = settings.inline ? settings.h + settings.inlineHeightAdjustment : settings.h;
   return settings.h;
}

---

通过接受一个字符串，可以指定em、px、%，等等。但我知道我想要像素，因此是数值假设。

你能发布在点击联系人链接时打开颜色框的特定代码吗？我在Firefox中没有看到滚动条。不幸的是，这个小故障似乎不一致……我也有同样的问题。这似乎完全是随机发生的，我一直无法复制它。。。你找到一个确定的解决方案了吗？它没有帮助。因为它在第一时间没有足够的高度，有些内容是不可见的。重新开放后——一切都好。有什么想法吗？

$("a.modalAutosize").each(function(){
    $(this).colorbox({onOpen: function(){$.fn.colorbox.resize()}});

});

$("a.modalAutosize").each(function(){
   $(this).colorbox();  
});

$("a.modalAutosize").colorbox({scrolling: false});

function getHeight() {
   settings.h = settings.h || $loaded.height();
   settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
   // Adjust height for inline boxes
   settings.h = settings.inline ? settings.h + settings.inlineHeightAdjustment : settings.h;
   return settings.h;
}

$(".inlineColorBox").colorbox({
   inline: true,
   inlineHeightAdjustment: 25,
});