颜色框没有调整到正确的高度
颜色框没有调整到正确的高度
提问于 2014-10-28 14:43:26
我试图将内联HTML加载到一个工作正常的彩色框中，除非颜色框没有调整到正确的高度。
内联HTML内容的高度非常长(大约15,000像素)，但只加载了900像素。
因此，我开始使用colorbox.resize()函数来修复这个问题，例如：
$('.inline-html').colorbox({
onComplete : function() {
$(this).colorbox.resize();
}
});但是，调整大小功能仅能工作大约11,000像素(而不是所需的15,000像素)。但是，如果我刷新该页面两次，它将加载整个15,000像素。
有谁能提出解决办法吗？
谢谢
回答 1
Stack Overflow用户
发布于 2014-10-28 17:10:58
想法：
- 我已经看到，当彩色框中有图像在onComplete触发时没有加载时，就会发生这种情况，所以颜色框会调整到内容的高度减去图像。然后加载图像并创建一个滚动条。如果您可以为卸载的图像设置一个高度，问题可能会消失，因为彩色框将知道它的大小是立即。例如：
- 如果你知道彩色盒将是15,000像素，你能把彩色盒设置成那么高的css吗？还是运行
$.colorbox.resize({height:"15,000"})？
- 可能是最糟糕的选择，您可以在超时后调整它的大小，以便给图像加载时间。这是不可靠的，因为图像将在不同的时间为不同的人加载，但如果问题是图像，这可能有助于您解决疑难解答。 window.setTimeout($.colorbox.resize()，500)；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26611219
复制相关文章
相似问题
腾讯云开发者
