猫头鹰旋转木马最后会产生空白空间

Question

我使用以下设置创建了一个猫头鹰轮播。

$('.owl-carousel').owlCarousel({   
  autoWidth:true,
  loop:false,
  items:25,
  slidesToShow: 1,
  mergeFit:true,
  slideBy:1,
  center:false,
  dots: false,
  merge:true,
  lazyload:false,
  nav:true,     
})

在我的轮播末尾创建了一个空白空间。我尝试为各个卡片项目添加左右边距。但似乎没有一个可以解决我的问题。

我创建了一个codepen。当我们滑动到轮播中的最后一项时，我们可以看到一个空白区域。

Answer 1

将 autoWidth 设置为 false

$('.owl-carousel').owlCarousel({   
  autoWidth:false,
  loop:false,
  items:25,
  slidesToShow: 1,
  mergeFit:true,
  slideBy:1,
  center:false,
  dots: false,
  merge:true,
  lazyload:false,
  nav:true,     
})