記事に戻る（Back to Article）

【jQuery】slickで縦方向にスライドをさせる方法のデモページ

※デベロッパーツール等でソースコードをご確認ください（Please check using Developer tools）

マイナビAGENT

スポンサーリンク

CSS

.wrap {
  width: 640px;
  margin: 0 auto;
}
.slick-slide {
  line-height: 0;
  padding: 10px 0;
}
@media screen and (max-width:640px){
  .wrap {
    width: 100%;
  }
}

JavaScript

const $slider = $(".slider");
$slider
.slick({
  dots: true,
  vertical: true,
  autoplay: true,
  pauseOnFocus: false,
  pauseOnHover: false
});