스크롤바 숨기기
문제상황
회사 장바구니를 고도화하는 도중 스크롤이 스크롤이 매우 거슬렸다.
기능은 남겨두되 보이지 않게 하고 싶었다.
해결
.target { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
.target::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }스크롤바를 숨기고 싶은 영역을 지정하고(위에서는 .target) 위와 같이 적어준다.
LIST
'Study > CSS' 카테고리의 다른 글
| CSS 반응형 그리드 기술 (0) | 2021.11.30 |
|---|---|
| 11가지 CSS 사용법 (0) | 2021.11.11 |
| 반응형 웹 [2] - 뷰포트 메타태그와 미디어 쿼리 (0) | 2021.09.13 |
| 반응형 웹 - vw, vh, vmin, vmax, em, rem 속성 [1] (0) | 2021.09.13 |
| [CSS] 2021년 최고의 CSS 프레임워크 9가지 (0) | 2021.07.20 |
|
|
|
|
|