슬라이드 스크롤로 이동

슬라이드 스크롤로 이동

QA

슬라이드 스크롤로 이동

본문

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

이 질문에 댓글 쓰기 :

답변 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>
답변을 작성하시기 전에 로그인 해주세요.
전체 301
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT