Colorbox Scrollbars

Question

我有一个在灯箱中打开的图像（Colorbox是脚本）。当图像打开时，我添加了一个CSS3动画。效果很好，但最初灯箱有滚动条，一旦动画完成就会消失。

如何防止灯箱完全显示滚动条？

代码：

#start{
  /* Width and Height of the Image */
  width:526px;
  height:450px;
}

<div class="hide">
<div id="start">
 <img src="/Images/designs/start-large.jpg" class="animated rollIn"> 
</div>
</div>

Answer 1

您可以使用colorbox.resize()自动计算其尺寸，或使用overflow hidden给您内容的父母。
两种方式都有效。

Answer 2

#cboxLoadedContent{overflow:hidden !important;}

这对我有用。

Answer 3

将颜色框设置scrolling设置为false以禁用内容上的滚动条。

Answer 4

您可以尝试将overflow:hidden;添加到div / img的CSS样式中。如果它切断了某些内容，请尝试overflow:visible;。

Answer 5

添加滚动：false

$.colorbox({
  inline:true, 
  width:'95%',
  scrolling: false // *********
});