css.properties

scroll-timeline-axis

The scroll-timeline-axis property specifies the axis for scroll timelines.

Formal Syntax

[ block | inline | x | y ]#
Initial value
block
Applies to
all elements
Inherited
no
Percentages
n/a
Computed value
a list of the keywords specified
Animation type
not animatable

See specification

JavaScript Access

// Access via element.style
element.style.scrollTimelineAxis = 'block';

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
scroll-timeline-axis11511126115
block115—26115
inline115—26115
x115—26115
y115—26115

Behind a Flag

Some browsers require enabling a flag or preference:

  • scroll-timeline-axis — firefox: #layout.css.scroll-driven-animations.enabled = true (since 111) — The syntax of the shorthand property uses the fixed order of name and then the axis.

Related Properties