scrollbar-width
Controls the appearance of scrollbars. swn hides the scrollbar while maintaining scroll functionality, and swt displays a thin scrollbar.
Class List
| Class | CSS | Description |
|---|---|---|
swa | scrollbar-width: auto | Default scrollbar |
swt | scrollbar-width: thin | Thin scrollbar |
swn | scrollbar-width: none | Hidden scrollbar (scroll still works) |
Usage Examples
<!-- 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>Tips
Accessibility Note
Hiding the scrollbar with swn removes the visual indicator of scrollability. Provide a separate hint that the content is scrollable.