기본 콘텐츠로 건너뛰기

스타일시트로 스크롤바 수정하기, 꾸미기 - css

css로 스크롤바 수정하기, 꾸미기


아래와 같이 css를 작성.

body::-webkit-scrollbar{width:5px;}/* 스크롤바의 너비 */
body::-webkit-scrollbar-thumb{background-color:#040404;}/* 스크롤바의 길이, 색상 */
body::-webkit-scrollbar-track{background-color:#c8c8c8;}/* 스크롤바 뒷 배경 색상 */

전체가 아닌 일부 div에서만 적용할 수도 있다.

.somediv::-webkit-scrollbar{width:5px;}
.somediv::-webkit-scrollbar-thumb{background-color:#040404;}
.somediv::-webkit-scrollbar-track{background-color:#c8c8c8;}

끝.