光滑的滑块偏移

Question

有没有办法让我的滑块表现得像居中模式，但让它显示在第二张幻灯片上？

例如，如果有 4 张幻灯片，它通常会将第 1 张标记为活动幻灯片。

但我需要第二个才能成为活跃的

当显示多个时，默认为最左边的一个。

$('.slideshow').slick({
        centerPadding: '60px',
        focusOnSelect: true,
        slidesToShow: 4,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    arrows: false,
                    centerPadding: '40px',
                    slidesToShow: 3
                }
            },
            {
                breakpoint: 992,
                settings: {
                    arrows: false,
                    centerPadding: '30px',
                    slidesToShow: 2
                }
            },
            {
                breakpoint: 768,
                settings: {
                    arrows: true,
                    centerPadding: '30px',
                    slidesToShow: 1
                }
            }
        ]
    });

Answer 1

除了第一个幻灯片之外，您还可以使用相邻的同级选择器来设置幻灯片的样式 div.slick-current + div {background-color: #f00;}。

光滑的滑块偏移

Slick Slider offset

slider

slick.js