Skip to main content

Scrollbars

Scrollbars allow user to scroll content within a window.

Scrollbar Example

Overview

The scrollbar is for both showing a user that content in a container overflows and for the user to control the scrolling content of that container. Always offer a scrollbar if an area has scrolling content: do not rely on auto-scrolling or on dragging. Scrollbars can be both vertical and horizontal. However, avoid horizontal scrolling, if possible.

Usage

Use when

  • An area has scrolling content.

Don’t use when

  • All the content is visible.
  • Horizontal scrolling can be replaced with a better option.
Last updated January 30, 2024.