带自动宽度的光滑滑块单行

时间:2019-07-31 12:05:18

标签: javascript jquery slick.js

基本上,我们需要创建一个轮播,其默认值为9 slidesToShow和9 slidesToScroll。这很简单,但是我们的轮播会在多页中复制,并且某些页面可能只有2-3张幻灯片(我们正在使用它来显示类别和子类别)。

目前,我们的轮播可以很好地用于具有9个类别/幻灯片或更多类别的页面。但是当它的命中率小于此值时失败,然后创建多行单个项目。

光滑的轮播项目可以自动调整宽度,使其始终排成一排并填充空间吗?例如,这是我们的默认设置;

< [_] [_] [_] [_] [_] [_] [_] [_] >

但是当少于9个时会发生这种情况(示例3);

[_______________________________]
[_______________________________]
[_______________________________]

我们想发生的是(示例3);

[_________][_________][_________]

我们已经尝试了文档中的所有当前选项。

slickOptions: {
        slidesToShow: 9,
        slidesToScroll: 9,
        rows: 1,
        swipeToSlide: true,
        infinite: true,
        variableWidth: true,
      }

0 个答案:

没有答案