如何让猫头鹰旋转木马像一个品牌标签一样顺畅地滚动?

时间:2017-09-29 09:55:30

标签: jquery jquery-plugins owl-carousel

我有一个非常简单的客户端徽标轮播,我正在使用猫头鹰旋转木马来移动徽标,我使用以下代码:

$('.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,

但这些似乎根本没有效果。如何使我的客户端滑块轮播有说服力地滚动而不停止?

1 个答案:

答案 0 :(得分:1)

我知道可能要晚了,但是解决方案很简单,只需覆盖css属性进行过渡:

.owl-carousel .owl-stage {
    transition-timing-function: linear !important;
}