스크롤바 숨기기(스크롤 기능은 살려두고 스크롤 바만 없애기)

스크롤바 숨기기

참고

문제상황

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

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

해결

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

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