Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 颜色框滚动条_Javascript_Jquery_Css_Colorbox_Css Transitions - Fatal编程技术网

Javascript 颜色框滚动条

Javascript 颜色框滚动条,javascript,jquery,css,colorbox,css-transitions,Javascript,Jquery,Css,Colorbox,Css Transitions,我有一个在灯箱中打开的图像(Colorbox是脚本)。当图像打开时,我添加了一个CSS3动画。效果很好,但最初lightbox有滚动条,一旦动画完成,滚动条就会消失 如何防止lightbox显示滚动条 代码: #开始{ /*图像的宽度和高度*/ 宽度:526px; 高度:450px; } 您可以尝试添加溢出:隐藏到div/img的CSS样式。或者尝试溢出:可见如果它切断了某些内容。您可以使用colorbox.resize()自动计算其大小,或使用溢出隐藏对内容的父项进行隐藏。 两种方法都有效 #

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

如何防止lightbox显示滚动条

代码:

#开始{
/*图像的宽度和高度*/
宽度:526px;
高度:450px;
}

您可以尝试添加
溢出:隐藏
到div/img的CSS样式。或者尝试
溢出:可见如果它切断了某些内容。

您可以使用
colorbox.resize()
自动计算其大小,或使用
溢出隐藏
对内容的父项进行隐藏。
两种方法都有效

#cboxLoadedContent{overflow:hidden !important;}

这对我有用。

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

添加滚动:false

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

溢出:隐藏
效果很好!注意:
溢出:可见
不会解决滚动条问题。
$.colorbox({
  inline:true, 
  width:'95%',
  scrolling: false // *********
});