android - Owl Carousel 在移动 ios/android 上快速滚动时启用拖动

Question

我尝试在快速向上/向下滚动时拖动我的旋转木马，但它在 ios/android 中不起作用。这是我的 example

 $('.owl-carousel').owlCarousel({
    autoWidth: true,
    center: true,
    items: 3,
    loop: true,
    margin: 10
  });

第1步:快速拖动垂直页面(向下拖动+快速向上拖动+触摸结束)

第 2 步: 滚动页面时水平拖动(我的轮播不滑动，我认为应该结束滚动并可以拖动)

如何让我的轮播可以边滚动边拖动，谢谢

Answer 1

您可以使用回调来查看事件是否被触发。在这种情况下，旋转木马上不会触发任何拖动事件，因此 Owl Carousel 不会收到拖动回调。

$(window).load(function () {
  var owl = $('.owl-carousel');
  owl.owlCarousel({
    autoWidth: true,
    center: true,
    items: 3,
    loop: true,
    margin: 10,
    onDrag: callback
  });
  function callback() {
    console.log('drag');
  }
});

我也测试了其他几个轮播的这个功能(例如 http://kenwheeler.github.io/slick/ )。但他们都没有这种能力。

与浏览器如何处理拖动回调有关，在移动设备上，是这样处理的。