✔️ scroll-margin CSS Style Property

המאפיין scroll-margin מציין את המרחק בין מיקום ההצמדה למיכל.

המשמעות היא שכאשר תפסיק לגלול, הגלילה תתכוונן במהירות ותיעצר במרחק מוגדר בין מיקום ההצמדה למיכל.

מיקום ההצמדה הוא המיקום על רכיב הצאצא שבו הוא נצמד למקומו במיכל כאשר אתה מפסיק לגלול.

דוגמא: הגדרת מרווח גלילה

Demo Panel:

Scrolling element cannot see visual change

אלמנט גלילה לא ניתן לראות שינוי חזותי

Item 1

Item 2 (target)

Item 3

Item 4

CSS: 111

HTML: 222

Syntax:

scroll-margin: 0 | value | initial | inherit;

Valid values:

Units: px, em, rem, vw, vh, vmin, vmax

Js Syntax: element.style.scrollMargin

תאימות דפדפנים

scroll-margin
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
1px	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️

תפריט ראשי

מאפייני CSS

✔️ scroll-margin CSS Style Property

תאימות דפדפנים