스크롤바 꾸미기

스크롤바를 꾸미기 위해서 Webkit을 이용합니다. Webkit은 Chrome, Edge, Opear, Safari 브라우저가 지원하 Firefox와 IE에서는 지원하지 않습니다.

먼저, overflow 속성으로 scroll이 보이게 해야 합니다. 그리고 해당 tag에 ::-webkit-scrollbar 속성을 이용해서 꾸며 줄 수 있습니다.

 &::-webkit-scrollbar {
    display: block;
    height: 15px;
  }

  &::-webkit-scrollbar-track {
    background-color: colors.$GRAYE;
  }

  &::-webkit-scrollbar-thumb {
    background-color: colors.$GRAYA;
    border-radius: 10px;
  }