Colorbox不调整到正确的高度

Question

我想加载内联的HTML到一个工作正常的colorbox，除了colorbox没有调整到正确的高度。

内联HTML内容非常长（约15000像素），但只有900个像素正在加载。

所以我开始使用colorbox.resize（）函数来解决这个问题e.g：

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

但调整大小功能只能达到约11000像素（未要求的15000个像素）。但是，如果我刷新页面两次，它会加载完整的15,000像素。

任何人都可以请建议一个解决方案？

感谢

Answer 1

思路：

1. 我见过当有未加载时的onComplete火灾颜色框图像这一点，所以颜色框大小调整为内容减去的高度图片。然后图像加载并创建一个滚动条。如果您可以为卸载的图像设置高度，则问题可能会消失，因为colorbox会立即知道它的大小。例如：

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

---

1. 如果知道颜色框会1.5万个像素，可以设置颜色框是在CSS，这高大的？或运行$.colorbox.resize({height:"15,000"})？

---

1. 可能是最糟糕的选项，可以在超时后调整其大小，得到的图像的时间来加载。这是不可靠的，因为图像会在不同的时间加载不同的人，但如果问题是图像，这可能会帮助您排除故障。

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

开始=“3”>

开始=>