时间戳

首页 > 解决方案 > 具有自动宽度的 Slick Slider 单行

javascript - 具有自动宽度的 Slick Slider 单行

问题描述

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

目前，我们的轮播适用于具有 9 个类别/幻灯片或更多的页面。但是当它低于这个值时会失败，然后它会创建多行单个项目。

slick 可以自动调整轮播项目的宽度，以便它们始终排成一排并填满空间吗？例如，这是我们的默认设置；

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

但是当少于 9 个时会发生这种情况（示例 3）；

[_______________________________]
[_______________________________]
[_______________________________]

我们希望发生的是（示例 3）；

[_________][_________][_________]

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

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

标签： javascriptjqueryslick.js

解决方案

推荐阅读