ScrollTimeline: axis プロパティ

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

axis は ScrollTimeline インターフェイスの読み取り専用のプロパティは、タイムラインの進行軸を表す列挙値を返します。

値

列挙値です。可能な値は以下のとおりです。

"block"

スクロールコンテナーのブロック軸にあるスクロールバーで、行内のテキストの流れに垂直な方向の軸。標準英語のような横書き方向では "y" と同じになり、縦書き方向では "x" と同じになります。

"inline"

スクロールコンテナのインライン軸にあるスクロールバーで、行のテキストの流れに並行な方向の軸。横書き方向の場合は "x" と同じで、縦書き方向の場合は "y" と同じです。

"y"

スクロールコンテナーの縦軸のスクロールバー。

"x"

スクロールコンテナーの横軸のスクロールバー。

例

例えば、メインの ScrollTimeline ページを参照してください。

仕様書

Specification
Scroll-driven Animations
# dom-scrolltimeline-axis

ブラウザーの互換性

BCD tables only load in the browser

関連情報