css מאפייני scroll scroll-timeline-axis

scroll-timeline-axis CSS Style Property

המאפיין scroll-timeline-axis משמש לציון כיוון פס הגלילה שישמש לספק את ציר הזמן להנפשה מונעת גלילה.

בהנפשה של ציר זמן גלילה, התקדמות האנימציה נקבעת על ידי מיקום פס גלילה ולא זמן או ממד אחר. המאפיין scroll-timeline-name מגדיר שם שניתן להשתמש בו כדי לזהות אלמנט כמקור של ציר זמן גלילה; ה- scroll-timeline-axis מגדיר את כיוון סרגל הגלילה במיכל שיספק את ציר הזמן.

הערה: אם האלמנט אינו מציף את המיכל שלו בממד הציר או אם הגלישה מוסתרת או נחתכת, לא ייווצר ציר זמן.

ניתן להגדיר את המאפיין scroll-timeline-axis (ו- scroll-timeline-name) באמצעות מאפיין הקיצור של ציר הזמן גלילה.

דוגמא: הגדרת ציר גלילה לציר זמן

Demo Panel:
Item 1
Item 2
Item 3
Item 4
CSS: 111
HTML: 222
Syntax:

Valid values:
  • block, inline, x, y, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.scrollTimelineAxis

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

scroll-timeline-axis
הערך שנבדקChromeFirefoxEdgeCOpera
block✔️✔️✔️
inline✔️✔️✔️
revert✔️✔️✔️
revert-layer✔️✔️✔️
unset✔️✔️✔️
inherit✔️✔️✔️
initial✔️✔️✔️
vertical
horizontal