scrollbar-width
스크롤바의 외형을 제어합니다. swn은 스크롤 기능은 유지하면서 스크롤바를 숨기고, swt은 얇은 스크롤바를 표시합니다.
클래스 목록
| <tr> <th class="tal py12px px16px bg18181B bb2pxsolid27272A cA1A1AA fw600 ttu fs12px ls0-05em">클래스 | CSS | 설명 |
|---|---|---|
swa | scrollbar-width: auto | 기본 스크롤바 |
swt | scrollbar-width: thin | 얇은 스크롤바 |
swn | scrollbar-width: none | 스크롤바 숨김 (스크롤은 유지) |
사용 예시
<!-- Hidden scrollbar -->
<div class="oh swn h30rem">
<p>Scrollable but the scrollbar is not visible.</p>
</div>
<!-- Thin scrollbar -->
<div class="oya swt h30rem">
<p>A thin scrollbar is displayed.</p>
</div>팁
접근성 주의
swn으로 스크롤바를 숨기면 스크롤 가능 여부를 시각적으로 알 수 없습니다. 콘텐츠가 스크롤 가능하다는 힌트를 별도로 제공하세요.