# Scroll Behavior

Set the scroll behavior for internal navigation.

**Widely available.** This feature is well established and works across many devices and browser versions.

Chrome 61 · Edge 79 · Firefox 36 · Safari 15.4

| Class | Properties | Value |
|-------|------------|-------|
| `sb:auto` | scroll-behavior | `auto` |
| `sb:s` | scroll-behavior | `smooth` |

### Media Queries

Prefix a class with a breakpoint to apply it from that width up.

| Class | Properties | Value |
|-------|------------|-------|
| `sb:auto` | scroll-behavior | `auto` |
| `sb:s` | scroll-behavior | `smooth` |

### Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

| Class | Properties | Value |
|-------|------------|-------|
| `sb:auto` | scroll-behavior | `auto` |
| `sb:s` | scroll-behavior | `smooth` |