투명한 scroll 바 (스크롤바) 만들기 : overflow - overlay

/* 반드시 overlay 여야함!! */
.test { overflow: overlay; }

.test::-webkit-scrollbar {

    width: 1vw;

}

.test::-webkit-scrollbar-thumb {

    background-color: hsla(0, 0%, 42%, 0.49);
    border-radius: 100px;

}

scroll 바의 default 인 뒷배경을 날릴려면, 반드시 overflow 가 overlay 여야한다.

overflow : scroll 인 상태에서 아무리 ::-webkit 을 지지고볶고해도 배경은 변하지않는다.