Owl-Carousel，一次滚动两个项目

【问题标题】：Owl-Carousel, scroll two items at a timeOwl-Carousel，一次滚动两个项目
【发布时间】：2015-12-26 21:31:18
【问题描述】：

我正在使用 Owl-Carousel 2（测试版）开发一个滑块，但有很多不能很好地工作。我希望 owlCarousel 像这样工作：

它应该一次滚动 2 个项目，一次显示 2 个项目。所以：[0,1] slide [2,3] slide [4,5]

在移动设备上，它应该显示一张图片并一次滚动一张图片。

owl = $('.owl-carousel')
  owl.owlCarousel({
    center: true,
    loop: false,
    margin: 20,
    items: 2,
    responsive: {
      0: {
        items: 1,
        navigation: true,
        nav: true
      },
      640: {
        items: 2,
        navigation: true,
        nav: true
      }
    },
    scrollPerPage: true,
    navigation: true
  }).css("z-index", 0)

【问题讨论】：

标签： javascript jquery css owl-carousel

【解决方案1】：

您可以使用slideBy 选项。

owl = $('.owl-carousel')
  owl.owlCarousel({
    center: true,
    loop: false,
    margin: 20,
    items: 2,
    responsive: {
      0: {
        items: 1,
        navigation: true,
        nav: true,
        slideBy: 1 // <!-- HERE
      },
      640: {
        items: 2,
        navigation: true,
        nav: true,
        slideBy: 2 // <!-- HERE
      }
    },
    scrollPerPage: true,
    navigation: true
  }).css("z-index", 0)

【讨论】：

它对我不起作用，它仍然一次滚动一张图像。
在这里工作jsfiddle.net/y1p0t5dk您使用的是最新版本的测试版吗？
另外，我认为 center: true, 如果显示两个项目没有意义
删除 center: true, loop; false 后它确实有效 :D 谢谢你，性感萝卜。