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