scrollbar-width
스크롤바의 외형을 제어합니다. swn은 스크롤 기능은 유지하면서 스크롤바를 숨기고, swt은 얇은 스크롤바를 표시합니다.
클래스 목록
| 클래스 | CSS | 설명 |
|---|---|---|
swa | scrollbar-width: auto | 기본 스크롤바 |
swt | scrollbar-width: thin | 얇은 스크롤바 |
swn | scrollbar-width: none | 스크롤바 숨김 (스크롤은 유지) |
사용 예시
<!-- 스크롤바 숨김 -->
<div class="oh swn h30rem">
<p>스크롤 가능하지만 스크롤바가 보이지 않습니다.</p>
</div>
<!-- 얇은 스크롤바 -->
<div class="oya swt h30rem">
<p>얇은 스크롤바가 표시됩니다.</p>
</div>팁
접근성 주의
swn으로 스크롤바를 숨기면 스크롤 가능 여부를 시각적으로 알 수 없습니다. 콘텐츠가 스크롤 가능하다는 힌트를 별도로 제공하세요.