Javascript 颜色框未调整到正确的高度

我正在尝试将内联HTML加载到一个工作正常的colorbox中，只是colorbox没有调整到正确的高度

内联HTML内容高度很长（约15000像素），但仅加载900像素

因此，我开始使用colorbox.resize（）函数来解决这个问题，例如：

        $('.inline-html').colorbox({ 
            onComplete : function() { 
               $(this).colorbox.resize(); 
            }    
        });

但调整大小功能最多只能使用11000像素（而不是所需的15000像素）。但是，如果我刷新页面两次，它将加载完整的15000像素

有人能提出解决方案吗

谢谢你的创意：

我见过这样的情况：当onComplete启动时，colorbox中的图像未加载，因此colorbox将调整为内容的高度减去图像。然后加载图像并创建一个滚动条。如果可以为卸载的图像设置高度，问题可能会消失，因为colorbox会立即知道它的大小。例：

<p>Really long content.</p>
<p>Really long content.</p>
<img src="image.jpg" height="300">
<p>Really long content.</p>

---

尝试使用一个固定大小的颜色框，并给它这个css属性：`overflow:scroll'。我使用的是浏览器滚动条（与颜色框滚动条相反），因此设置scrolling:false；和$（this.colorbox.resize（）；--如果我使用了colorbox滚动条，那么正确的高度就行了。但是我的客户想使用浏览器来提供建议。1） 我添加了图像高度，但仍然遇到相同的问题。此外，大部分内容都是图像（90%是图像，10%是文本）。2） 我在同一页上有大约20多个动态加载的colorbox，不幸的是，它们的高度都不一样。3) ... 嗯，是的，看起来不太好，不过我正在使用ImagesLoaded Jquery库，也许可以在某个地方集成它。

window.setTimeout($.colorbox.resize(), 500);