ScrollTimeline: ScrollTimeline() コンストラクター

Limited availability

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

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

ScrollTimeline() コンストラクターは新しい ScrollTimeline オブジェクトインスタンスを作成します。

構文

js
new ScrollTimeline(options)

引数

options

以下のプロパティを持つことができるオブジェクトです。

source

スクロール位置がタイムラインの進行を駆動するスクロール可能な要素（スクローラー）を表す Element への参照。

axis 省略可

タイムラインの進行軸を表す列挙値です。可能な値は以下の通りです。

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

省略した場合、axis は "block" に既定されます。

返値

新しい ScrollTimeline オブジェクトのインスタンス。

例

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

仕様書

Specification
Scroll-driven Animations
# dom-scrolltimeline-scrolltimeline

ブラウザーの互換性

BCD tables only load in the browser

関連情報