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,     
})

猫头鹰轮播在最后创建空白空间

1 个答案: