Scroll area

Bounded scroller with a thin custom scrollbar.

Source: src/stylus/components/scroll-area.styl

Vertical

Focusable and labelled, so keyboard users can scroll it.

Skeletonic Stylus styles its scrollbars with scrollbar-color and scrollbar-width: thin.

The region scrolls independently of the page.

It keeps its own focus ring.

<div class="scroll-area demo-scroll-box" tabindex="0" role="region" aria-label="Changelog">
  <p>Skeletonic Stylus styles its scrollbars with <code>scrollbar-color</code> and <code>scrollbar-width: thin</code>.</p>
  <p>The region scrolls independently of the page.</p>
  <p>It keeps its own focus ring.</p>
</div>