ScrollTimeline: axis property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The axis read-only property of the
ScrollTimeline interface returns an enumerated value representing the scroll axis that is driving the progress of the timeline.
Value
An enumerated value. Possible values are:
"block"-
The scrollbar on the block axis of the scroll container, which is the axis in the direction perpendicular to the flow of text within a line. For horizontal writing modes, such as standard English, this is the same as
"y", while for vertical writing modes, it is the same as"x". "inline"-
The scrollbar on the inline axis of the scroll container, which is the axis in the direction parallel to the flow of text in a line. For horizontal writing modes, this is the same as
"x", while for vertical writing modes, this is the same as"y". "y"-
The scrollbar on the vertical axis of the scroll container.
"x"-
The scrollbar on the horizontal axis of the scroll container.
Examples
See the main ScrollTimeline page for an example.
Specifications
| Specification |
|---|
| Scroll-driven Animations # dom-scrolltimeline-axis |
Browser compatibility
BCD tables only load in the browser