> For the complete documentation index, see [llms.txt](https://codennerd.gitbook.io/cxcss/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codennerd.gitbook.io/cxcss/product-guides/layout/scroll-behaviour.md).

# Scroll Behaviour

## ***`.overscroll-auto`***

Applies the `overscroll-behavior: auto` property to allow the browser's default overscroll behavior.

**CSS Equivalent:** `overscroll-behavior: auto;`

**Example Usage:**

```html
<div class="overscroll-auto">
  <!-- Content with default overscroll behavior -->
</div>
```

***

## ***`.overscroll-contain`***

Applies the `overscroll-behavior: contain` property to prevent the scrolling behavior from propagating to parent elements.

**CSS Equivalent:** `overscroll-behavior: contain;`

**Example Usage:**

```html
<div class="overscroll-contain">
  <!-- Content with contained overscroll behavior -->
</div>
```

***

## ***`.overscroll-none`***

Applies the `overscroll-behavior: none` property to disable all overscroll behavior.

**CSS Equivalent:** `overscroll-behavior: none;`

**Example Usage:**

```html
<div class="overscroll-none">
  <!-- Content with disabled overscroll behavior -->
</div>
```

These utility classes allow you to control the overscroll behavior of elements, giving you the flexibility to choose between the browser's default behavior, containment of scrolling, or disabling overscrolling altogether.