首次打开时,Colorbox无法以适当的高度打开

Question

所以我使用colorbox插件作为联系表单.我只是默认的颜色框属性,所以它应该自动调整到它包含的div(对吧？).

那么当它加载FIRST时,这个颜色框内容上有一个小的垂直滚动条.我已经看到了它在偶尔发生Firefox,并chrome为OSX

尝试#1

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

});

例子上的活动代码

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

});

Answer 1

我已经调查了这个问题.

尝试查看由ajax加载的内容.如果它有一些没有"高度"和"宽度"属性的图像,则可以显示滚动条.

之所以会发生这种情况,是因为浏览器不知道图像的大小,也不会等到它加载计算页面布局.第一次加载后,图像位于缓存中,浏览器可以计算大小.

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

Answer 2

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

你不必each()在这里写一个函数.您可以关闭滚动.

例如.

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