javascript - 颜色框滚动条

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

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

Answer 2

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

Answer 3

#cboxLoadedContent{overflow:hidden !important;}

这对我有用。

Answer 4

您可以尝试将overflow:hidden;div / img 添加到您的 CSS 样式中。或者试试overflow:visible;它是否切断了某些东西。

Answer 5

添加滚动：false

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