scrollbar custom

.scroll-test::-webkit-scrollbar {
  width: 6px;
}
.scroll-test::-webkit-scrollbar-track {
  background-color: transparent;
}
.scroll-test::-webkit-scrollbar-corner{
    background-color: transparent; 	//가로, 세롤 스크롤track사이 corner
}
.scroll-test::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: gray;
  //트랙사이 간격넣을 때
  background-clip: padding-box;
  border: 2px solid transparent;
}
.scroll-test::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

 

참고) webisfree.com/2019-01-08/css-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%8A%A4%ED%81%AC%EB%A1%A4%EB%B0%94-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%A7%80%EC%A0%95-%EB%B0%94%EA%BE%B8%EB%8A%94-%EB%B0%A9%EB%B2%95-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0

css 브라우저 스크롤바 스타일 지정, 바꾸는 방법 알아보기