我有一个非常简单的客户端 Logo 轮播,我使用 Owl Carousel 来使 Logo 移动,我使用以下代码:
$('.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 ,我基本上希望 Logo 连续滚动,甚至不停止一毫秒,现在我有以下内容:
autoplaySpeed: 3000,
但是滚动在3秒后停止了大约半秒,我已经浏览了文档 HERE 而且似乎没有任何属性可以让轮播平滑移动,我尝试了以下属性:
fluidSpeed: true,
smartSpeed: 3000,
但是这些似乎根本没有效果。如何让我的客户端 slider 轮播有争议地滚动而不停止?
最佳答案
我知道可能会晚了,但解决方案很简单,只需覆盖过渡的 css 属性即可:
.owl-carousel .owl-stage {
transition-timing-function: linear !important;
}
关于jquery - 如何让 Owl Carousel 像字幕标签一样平滑滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46486340/