The CSS Propertie overscroll-behavior

מאפיין הקיצור (shorthand) overscroll-behavior שולט במה שקורה כשהמשתמש מגיע לגבול גלילה — האם הגלילה מתפשטת לאלמנט מעטף (scroll chaining), והאם פעולות ברירת-מחדל של הדפדפן (pull-to-refresh, ניווט אחורה) מופעלות. ערך אחד חל על שני הצירים; שני ערכים — בלוק ואז אינליין.

.modal { overscroll-behavior: contain; }

.pane { overscroll-behavior: contain none; }

autoברירת המחדל. הדפדפן מבצע את התנהגות הגבול הרגילה (כולל scroll chaining ו-pull-to-refresh).

containמונע פעולות גבול לא-מקומיות — אין scroll chaining ואין pull-to-refresh; גלילה מקומית תקינה.

noneכמו contain, ובנוסף מונע גם פעולות גבול מקומיות (למשל אפקט bounce).

chainמתיר scroll chaining להורה, אבל מונע פעולות גבול מקומיות.

CSS Overscroll Behavior Module Level 1

Editor's Draft

W3C MDN

: contain auto;">

overscroll-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 code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next