FrontEnd/CSS
[CSS] 스크롤바 커스텀(Scrollbar Custom)
📋 스크롤바 스타일 커스텀(Scrollbar Style Custom) 스크롤바 스타일에 대한 웹표준은 존재하지 않습니다. webkit 브라우저(크롬, 오페라, 사파리)에 한해서 가상요소를 사용하여 커스텀을 해줍니다. 스크롤바와 관련된 가상요소는 여러가지가 있지만 주로 사용하는 아래 3가지가 있습니다. ::-webkit-scrollbar : 스크롤바 전체 영역에 대한 설정 ::-webkit-scrollbar-thumb : 스크롤바 막대에 대한 설정 ::-webkit-scrollbar-track : 스크롤바 뒷 배경에 대한 설정 각 스크롤 영역 전체, 막대(thumb), 여백(track)을 뜻합니다. 작성된 코드로 확인해보겠습니다. 현재 제 티스토리에 적용되어있는 코드입니다. body::-webkit-scr..
