CSS로 스크롤바 꾸미기

 

간혹 스크롤바가 생기는 고정된 크기의 Div를 써야 할 때 기본 스크롤바는 너무 크고 못생겼다는 생각이 들 때가 있습니다.

 

이럴때 사용할 수 있는 CSS 입니다.

 

스크롤바를 원하는대로 꾸밀 수 있게됩니다.

 

See the Pen Custom Scrollbar styling by Alex Park (@alikong) on CodePen.

 

위에서 CSS 탭을 눌러 보시면 원하는 모양의 스타일 번호와 코드를 찾으실 수 있습니다.

 

그 외 비슷한 용도로 스크롤바를 만들어주는 여러 js 라이브러리들도 있지만 css로는 모양만 꾸며주고 기본 스크롤바를 쓰는게 좋은 것 같습니다.

 

이 외에도 검색해보시면 더~ 많은 소스들이 있겠지만.. 왠만해선 전 위 애들중 하나 골라서 색상좀 만져주고 끝냅니다.