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

scroll-timeline-name CSS Style Property

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

כברירת מחדל, פס הגלילה בכיוון הבלוק מספק את ציר הזמן (זהו פס הגלילה האנכי במצב כתיבה משמאל לימין). ניתן להגדיר את ציר סרגל הגלילה על ידי החלת ציר גלילה על אותו אלמנט כמו ציר הזמן-גלילה.

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

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

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

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

Valid values:
  • none

Js Syntax: element.style.scrollTimelineName

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

scroll-timeline-name
הערך שנבדקChromeFirefoxEdgeCOpera
custom_name