Overscroll Behavior

Utilities for controlling how the browser behaves when reaching the boundary of a scrolling area.

  • Use auto to make it possible for the user to continue scrolling a parent scroll area when they reach the boundary of the primary scroll area.
  • Use none to prevent scrolling in the target area from triggering scrolling in the parent element, and also prevent "bounce" effects when scrolling past the end of the container.
  • Use contain to prevent scrolling in the target area from triggering scrolling in the parent element, but preserve "bounce" effects when scrolling past the end of the container in operating systems that support it.
auto
none
contain
x-auto
x-none
x-contain
y-auto
y-none
y-contain
CSS