scrollbar css

scrollbar 디자인 바꾸는 css 예시.

background 투명이 안먹어서 검색해보니

body 에 overflow:overlay를 해주면 크롬에서 스크롤바 배경이 투명하게 잘 나온다.

엣지도 잘 나오고 파이어폭스는 자체스크롤을 써서 적용이 안됨.

::-webkit-scrollbar{width:14px;height:14px;background-color: rgba(0,0,0,0%);}
::-webkit-scrollbar-thumb{
	background-color: #CFCFCF;
 	border: 4px solid transparent;
 	background-clip: padding-box;
	border-radius:100px;
}
body{overflow:overlay}