📪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:

<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:

<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:

<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.

Last updated