The overscroll-behavior-inline property controls boundary behavior along the inline axis (logical). In horizontal writing modes it maps to overscroll-behavior-x..carousel {
overscroll-behavior-inline: contain;
}.sideways {
writing-mode: vertical-rl;
overscroll-behavior-inline: none;
}autoDefault. Normal inline-axis boundary behavior.containPrevents scroll chaining and non-local boundary actions on the inline axis.noneSame as contain, and additionally prevents local inline-axis boundary actions.chainAllows inline-axis scroll chaining, but prevents local 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
