我有一个非常简单的客户端徽标轮播,我正在使用猫头鹰旋转木马来移动徽标,我使用以下代码:
$('.manufacturer__logo__slider').owlCarousel({
loop:true,
margin:40,
responsiveClass:true,
dots : false,
navText : ['' , ''],
nav:true,
autoplay: true,
autoplaySpeed: 3000,
autoplayHoverPause:true,
responsive:{
0:{
items:2,
},
400:{
items:3,
},
600:{
items:5,
},
1000:{
items:6,
},
1920 : {
items: 10
}
}
});
链接到演示 HERE ,我基本上希望徽标能够连续滚动,甚至不会因为mili而停止,现在我有以下内容:
autoplaySpeed: 3000,
但是在3秒后滚动停止了大约半秒钟,我已经浏览了文档 HERE 并且似乎没有允许旋转木马平稳移动的属性,我尝试了以下属性:
fluidSpeed: true,
smartSpeed: 3000,
但这些似乎根本没有效果。如何使我的客户端滑块轮播有说服力地滚动而不停止?
答案 0 :(得分:1)
我知道可能要晚了,但是解决方案很简单,只需覆盖css属性进行过渡:
.owl-carousel .owl-stage {
transition-timing-function: linear !important;
}