✔️ scroll-snap-align CSS Style Property

המאפיין scroll-snap-align מציין היכן אלמנטים ייכנסו לפוקוס כאשר תפסיק לגלול.

דוגמא: הגדרת יישור snap גלילה

Demo Panel:

Scrolling element cannot see visual change

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

Item 1

Item 2

Item 3

Item 4

CSS: 111

HTML: 222

Syntax:

scroll-snap-align: none | start | end | center | block inline | initial | inherit;

Valid values:

none, start, end, center

Js Syntax: element.style.scrollSnapAlign

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

scroll-snap-align
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
center	✔️	✔️	✔️	✔️
none	✔️	✔️	✔️	✔️
start	✔️	✔️	✔️	✔️
end	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️