[CSS] div 스크롤바 css로 꾸미기
스크롤바는 css에서 ::-webkit-scrollbar를 붙여서 꾸밀 수가 있답니다. 스크롤바 자체의 width를 변경하려면 ::-webkit-scrollbar { width: 5px; } 요런식으로 변경할 수 있는 것이죠 일반적으로 스크롤바가 아래이미지처럼 생겼는데, 래이미지로봤을 때 드래그해서 내려야되는 진한 스크롤바 css는 ::-webkit-scrollbar-thumb로, 진한 스크롤바를 제외한 연한 부분은 ::-webkit-scrollbar-track으로 수정할 수 있습니다. 예제를 보여드리기 위해 scrollDiv라는 클래스를 가진 div를 만들었어요. 스크롤바 넓이는 5px, 스크롤바 바깥부분인 트랙의 색은 투명으로 바꿨고, 드래그해서 내려야되는 스크롤바는 파란색(blue)으로 변경했어요...