Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 항해99
- styled-components
- HTML
- 내일배움카드
- javascript
- 프로그래밍기초
- mongodb
- Algorithm
- 바이트디그리
- Firebase
- K디지털크레딧
- PYTHON
- 스파르타코딩클럽
- next.js 빌드 오류
- styled components
- ionic-react
- react
- 부트캠프
- 스파르타코딩클럽 후기
- 프로그래밍첫걸음시작하기
- React Native
- ionic react
- spartacodingclub
- 패스트캠퍼스
- 프로그래머스
- typescript
- react-native
- 알고리즘
- ionic
- CSS
Archives
- Today
- Total
목록swiper (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