스크롤바1 CSS 스크롤바 커스터마이징 (webkit, 브라우저 호환, 사용성) - 생각보다 간단했습니다 스크롤바를 꾸미려면 JavaScript 라이브러리가 필요하다고 생각했습니다. 어떤 라이브러리를 써야 하나 검색하다가 시간을 꽤 날렸는데, 알고 보니 CSS 의사 요소 몇 줄이면 충분했습니다. 의사 요소란 HTML 태그에 직접 클래스를 붙이지 않고도 특정 부분의 스타일을 제어할 수 있는 CSS 문법입니다. 돌아보면 괜히 어렵게 생각하고 있었던 겁니다. 그 시간이 아깝기도 하고, 한편으로는 이런 식으로 삽질을 해봐야 오래 기억에 남기도 합니다.크롬, 엣지, 사파리처럼 웹킷(WebKit) 기반 브라우저에서는 ::-webkit-scrollbar라는 의사 요소로 스크롤바 전체를 제어합니다. 웹킷이란 애플이 개발하고 크롬, 사파리, 엣지 등이 공통으로 사용하는 브라우저 렌더링 엔진입니다. 크롬 계열이 전 세계 브라.. 2026. 4. 13. 이전 1 다음
