Swiper Option

D.Moon·2022년 11월 25일
0

swiper slide 드래그 방지

  • allowTouchMove (터치 이동 허용)
    • default : true
    • 사용 시 allowTouchMove={false} 로 설정

swiper 를 이용한 flow banner 작업 시

  • 지연 시간 없이 일정한 속도로 흐르는 배너 작업 시
    • 아래 option 참조
    • swiper-wrapper 에 스타일 transition-timing-function: linear; 추가

post css 를 이용하여 swiper slide 에 class 명 줄 때

  • css 에서 Swiper > swiper-slide 로 지정하여 스타일을 주면 적용되지 않음
    → 아래와 같이 SwiperSlide 에 따로 className 을 지정해줘야 함

더 많은 Options

profile
로고, 브랜딩, 웹 UI 디자인과 웹개발 스튜디오를 운영하고 있습니다. 자세한 문의는 kakao - 퍼블작업자M 을 통해 상담 받으실 수 있습니다. 책임감을 가지고 최선의 결과물을 제공하겠습니다.

0개의 댓글