jquery - 如何让 Owl Carousel 像字幕标签一样平滑滚动?

标签 jquery jquery-plugins owl-carousel

我有一个非常简单的客户端 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/

相关文章:

php - Ajax 正在躲避我。如何执行一个简单的ajax请求?

jQuery 插件结构

javascript - 如何在延迟后调用owlCarousel函数?

javascript - 当需要后续 JavaScript 文件来生成正确的 HTML 时,如何更新我的 View ?

jquery - 这个事件处理程序有什么问题?

jquery - 我可以使用 jQuery 按内容选择文本节点吗?

javascript - 使用 jquery 面对代码问题创建返回顶部按钮

javascript - 如何为 Kendo UI TreeView 设置 Treeview 节点颜色?

jQuery 验证错误放置和删除元素?

jQuery:如何解决插件中多次出现的问题?