The overscroll-behavior-y property controls behavior at vertical scroll boundaries — most relevant for preventing pull-to-refresh and vertical scroll chaining inside modals..modal-body {
overscroll-behavior-y: contain;
}.chat {
overflow-y: auto;
overscroll-behavior-y: none;
}autoDefault. Normal vertical boundary behavior (including pull-to-refresh).containPrevents vertical scroll chaining and pull-to-refresh; local vertical scrolling still works.noneSame as contain, and additionally prevents local vertical boundary actions (e.g. bounce).chainAllows vertical scroll chaining, but prevents local vertical 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
