アトリエロワ

slick slider 右だけチラ見せ・無限スクロール

HTML

<div class="column-slider">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

jquery

$(function () {
  $('.column-slider').slick({
    autoplay: true,
    autoplaySpeed: 3000,
    speed: 600,
    slidesToShow: 3,
    slidesToScroll: 1,
    arrows: true,
    dots: false,
    infinite: true,
    centerMode: true,
    centerPadding: '10%',
    variableWidth: false,
    cssEase: 'ease',
  });
});

CSS

.column-slider .slick-list {
  padding-left: 0 !important;
}

HOME > javascript > slick slider 右だけチラ見せ・無限スクロール

javascript

javascript

+ More