슬라이드 스크롤로 이동

슬라이드 스크롤로 이동

QA

슬라이드 스크롤로 이동

답변 2

본문

스와이퍼 슬라이드에서 스크롤로 슬라이드 넘어가게 하는 소스나 코드가 있나요 ???

이 질문에 댓글 쓰기 :

답변 2

mousewheel: true, 옵션을 줘보세요


<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">Slide 1</div>
    <div class="swiper-slide">Slide 2</div>
    <div class="swiper-slide">Slide 3</div>
  </div>
</div>
<script>
  var swiper = new Swiper('.swiper-container', {
    slidesPerView: 1,
    spaceBetween: 30,
    loop: true,
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    // 스크롤로 슬라이드 넘어가기 활성화
    allowSlideNext: true,
    allowSlidePrev: true,
  });
</script>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 301
© SIRSOFT
현재 페이지 제일 처음으로