# Overscroll Behavior

Set the browser's scroll overflow behavior.

**Limited availability.** This feature does not work in some of the most widely-used browsers.

Chrome 144 · Edge 144 · Firefox 150 · Safari unsupported

| Class | Properties | Value |
|-------|------------|-------|
| `ob:auto` | overscroll-behavior | `auto` |
| `ob:c` | overscroll-behavior | `contain` |
| `ob:none` | overscroll-behavior | `none` |

## Overscroll Behavior Block

| Class | Properties | Value |
|-------|------------|-------|
| `obb:auto` | overscroll-behavior-block | `auto` |
| `obb:c` | overscroll-behavior-block | `contain` |
| `obb:none` | overscroll-behavior-block | `none` |

## Overscroll Behavior Inline

| Class | Properties | Value |
|-------|------------|-------|
| `obi:auto` | overscroll-behavior-inline | `auto` |
| `obi:c` | overscroll-behavior-inline | `contain` |
| `obi:none` | overscroll-behavior-inline | `none` |

## Overscroll Behavior X

| Class | Properties | Value |
|-------|------------|-------|
| `obx:auto` | overscroll-behavior-x | `auto` |
| `obx:c` | overscroll-behavior-x | `contain` |
| `obx:none` | overscroll-behavior-x | `none` |

## Overscroll Behavior Y

| Class | Properties | Value |
|-------|------------|-------|
| `oby:auto` | overscroll-behavior-y | `auto` |
| `oby:c` | overscroll-behavior-y | `contain` |
| `oby:none` | overscroll-behavior-y | `none` |

## Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `ob:auto` | overscroll-behavior | `auto` |
| `ob:c` | overscroll-behavior | `contain` |
| `ob:none` | overscroll-behavior | `none` |

## Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `ob:auto` | overscroll-behavior | `auto` |
| `ob:c` | overscroll-behavior | `contain` |
| `ob:none` | overscroll-behavior | `none` |