overflow

overscroll-behavior

Applies overscroll-behavior, defaulting to "contain": a scroll past the end stays inside this element and the platform affordance — iOS rubber-banding, Android pull-to-refresh — survives.

import { overscrollBehavior } from "@sdxc/u/overflow";

Quick reference

Every documented call, beside the CSS it emits.

Call	CSS
`u.overscrollBehavior()`	`css({ overscrollBehavior: "contain" })`
`u.overscrollBehavior("none")`	`css({ overscrollBehavior: "none" })`

Using a custom value

Every scale argument also takes a raw CSS value, which passes through untouched.

u.overscrollBehavior()

Applying on a state

Wrap the call in a state utility to scope it to one selector.

u.hover(u.overscrollBehavior())

Responsive design

Wrap the call in a container query to scope it to one width.

u.at("md", u.overscrollBehavior())

Signature

u.overscrollBehavior(value?: OverscrollBehaviorValue)