Overscroll Behavior

Use overscroll utilities like overscroll-contain and overscroll-none to control what happens when a scrollable area reaches its edge. In Flutter, these map to ScrollConfiguration with ClampingScrollPhysics so inner scrollables don’t bounce (none) or chain to the parent (contain and none). overscroll-auto is the default — scroll chains to the parent.

Preventing parent overscrolling

Style('overscroll-contain ...', child: Text('Well, let me tell you something, ...'))

Preventing overscroll bouncing

Style('overscroll-none ...', child: Text('Well, let me tell you something, ...'))

Using the default overscroll behavior

Style('overscroll-auto ...', child: Text('Well, let me tell you something, ...'))

Class reference

Class	Description
overscroll-auto	Default — scroll chains to parent (bounce allowed)
overscroll-contain	Prevents scroll chaining to parent (bounce still allowed on iOS)
overscroll-none	Prevents chaining AND bouncing
overscroll-x-* / overscroll-y-*	Axis variants — same behavior as shorthand. Flutter scroll views are single-axis, so the library treats -x-* and -y-* identically to the non-prefixed form

Note: these classes do NOT disable scrolling. They only affect what happens at the scroll boundary (chaining to the parent, bounce). Scrolling within the element’s bounds is controlled by overflow-y-auto or overflow-y-scroll.