목록swiper custom (1)

bravo my life!

[Ionic-React] Swiperjs의 scrollbar를 커스텀 하기(feat. 색상, 크기)

1. 개요 슬라이드 섹션에서 scrollbar의 색상과 크기를 프로젝트 디자인과 동일하게 커스텀을 하려고 한다. 2. 코드 상세 커스텀 전을 보면 스크롤바의 상태는 평범하다. 회색, 5px의 높이. 더보기 - 커스텀 전 const HomeSwiper = styled(Swiper)` top: -28px; `; const SlideSection = () => ( ); export default SlideSection; 커스텀 후를 보면 스코롤바가 노란색으로 변했고 드래그 부분과 레일 부분의 height가 달라졌다. 더보기 - 커스텀 후 const HomeSwiper = styled(Swiper)` top: -28px; .swiper-scrollbar-drag { background: #ffe000; heig..
개발기/[Travelit] Ionic-React 2022. 7. 22. 09:49
이전 Prev 1 Next 다음