이전 목록 다음
채택완료

슬라이드 스크롤로 이동

나쨘도링
프로필 보기이 회원 글보기이 회원의 댓글보기
 2024-09-04 (수) 19:23:17 1,622

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

스크롤이벤트 슬라이드 스와이퍼슬라이드
|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
블블랙캣77
프로필 보기이 회원 글보기이 회원의 댓글보기
 2024-09-04 (수) 21:18:31

mousewheel: true, 옵션을 줘보세요

답변에 대한 댓글 1개

나쨘도링
프로필 보기이 회원 글보기이 회원의 댓글보기
 2024-09-05 (목) 13:07:01
됩니다 감사합니다!!!!
RRYANRYAN
프로필 보기이 회원 글보기이 회원의 댓글보기
 2024-09-04 (수) 19:45:38
Copy 
<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>

답변을 작성하려면 로그인이 필요합니다.