Slick Carousel-显示所有3个项目并保持滚动

Question

轮播中我只有3个项目，并且所需的功能是自动逐个滚动并在每个回合的中心放置其中一项。

我正在使用以下规则集显示所有3条规则，并在每次自动滚动时滑动1条规则。但是，当轮播中的项目数量等于我为 slidesToShow 属性设置的数量时，轮播不会自动滚动。

$('.slider-boxes .boxes-wrapper').slick({     
  dots:false,
  customPaging: function(slider, i) {
    // this example would render "tabs" with titles
    return '';
  },
  appendDots:$('.paging-dots'),
  centerMode: true,
  centerPadding: '0px',
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 1,
  prevArrow: false,
  nextArrow: false,    
  autoplay: true,
  autoplaySpeed: 2000,
  responsive: [
    {
      breakpoint: 800,          
      settings: "unslick"      
    }
  ]
});

例如https://codepen.io/shamaleyte/pen/wNEeej