CSS꾸미기1 CSS 스크롤바 커스터마이징 (webkit, 브라우저 호환, 사용성) ::-webkit-scrollbar, 생각보다 간단했습니다혹시 스크롤바를 꾸미려면 JavaScript가 필요하다고 생각하셨나요? 저도 처음엔 그렇게 생각했습니다. 알고 보니 CSS 의사 요소(pseudo-element) 몇 줄이면 충분했습니다. 의사 요소란 HTML 태그에 직접 클래스를 붙이지 않고도 특정 부분의 스타일을 제어할 수 있는 CSS 문법입니다.크롬, 엣지, 사파리처럼 웹킷(WebKit) 기반 브라우저에서는 ::-webkit-scrollbar라는 의사 요소로 스크롤바 전체를 제어합니다. 웹킷이란 애플이 개발하고 현재 크롬, 사파리, 엣지 등이 공통으로 사용하는 브라우저 렌더링 엔진입니다. 전 세계 브라우저 점유율 기준으로 크롬 계열이 65% 이상을 차지하기 때문에(출처: StatCounter).. 2026. 4. 13. 이전 1 다음
