📪Scroll Behaviour
.overscroll-auto
.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
.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
.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