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