moon
로그인
moon
로그인
Swiper Option
D.Moon
·
2022년 11월 25일
팔로우
0
React
React slide
react-swiper
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
https://swiperjs.com/types/interfaces/types_swiper_options.swiperoptions#touchratio
참조
D.Moon
퍼블리싱 외주 문의 : 카카오톡 - 퍼블작업자M
팔로우
이전 포스트
HTML markup taging rule (~ing)
다음 포스트
CDN 사용의 장/단점이 무엇인가?
0개의 댓글
댓글 작성