Study/CSS

CSS 스크롤바 숨기기

AC 2021. 9. 12. 16:53

스크롤바 숨기기

참고

문제상황

회사 장바구니를 고도화하는 도중 스크롤이 스크롤이 매우 거슬렸다.

기능은 남겨두되 보이지 않게 하고 싶었다.

해결

.target { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } 
.target::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }

스크롤바를 숨기고 싶은 영역을 지정하고(위에서는 .target) 위와 같이 적어준다.

출처 : https://ryusm.tistory.com/115

LIST