📪Scroll Behaviour

Class Name: .overscroll-auto

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

---

Class Name: .overscroll-contain

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

---

Class Name: .overscroll-none

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