css.properties

scroll-timeline-name

The scroll-timeline-name property specifies the name of a scroll timeline.

Formal Syntax

[ none | <dashed-ident> ]#
Initial value
none
Applies to
all elements
Inherited
no
Percentages
n/a
Computed value
the keyword none or a list of CSS identifiers
Animation type
not animatable

See specification

JavaScript Access

// Access via element.style
element.style.scrollTimelineName = 'none';

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
scroll-timeline-name11511126115
none115—26115

Behind a Flag

Some browsers require enabling a flag or preference:

  • scroll-timeline-name — 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