The overscroll-behavior-x property controls behavior at horizontal scroll boundaries — most relevant for preventing back navigation on a horizontal swipe..carousel {
overscroll-behavior-x: contain;
}.pane {
overflow-x: auto;
overscroll-behavior-x: none;
}autoDefault. Normal horizontal boundary behavior (including swipe-back).containPrevents horizontal scroll chaining and swipe-back; local horizontal scrolling still works.noneSame as contain, and additionally prevents local horizontal boundary actions.chainAllows horizontal scroll chaining, but prevents local horizontal boundary actions.CSS Overscroll Behavior Module Level 1Editor's DraftW3CMDNoverscroll-behavior-block has been used to make it so that
when the scroll boundaries of the yellow inner box are reached, the
whole page does not begin to scroll.
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
