颜色框滚动条答案

【问题标题】：Colorbox Scrollbars颜色框滚动条
【发布时间】：2014-12-31 16:26:10
【问题描述】：

我有一张在灯箱中打开的图片（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>

【问题讨论】：

标签： javascript jquery css colorbox css-transitions

【解决方案1】：

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

【讨论】：

【解决方案2】：

#cboxLoadedContent{overflow:hidden !important;}

这对我有用。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：

overflow:hidden 效果很好！注意：overflow:visible 没有修复滚动条问题。

【解决方案5】：

添加scrolling: false

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

【讨论】：