CSS만으로 어여쁜 스크롤바 만들기 (Pretty CSS Scrollbar)

웹킷의 스크롤바 셀렉터 이용

당연히 웹킷만 됨. (출처)

::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
 
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius:6px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

모양보기

같이 보기