2024/06/29 時点の英語版に基づき新規翻訳

files/ja/web/api/scrolltimeline/axis/index.md

@@ -0,0 +1,43 @@
+---
+title: "ScrollTimeline: axis プロパティ"
+short-title: axis
+slug: Web/API/ScrollTimeline/axis
+l10n:
+  sourceCommit: 7eaac8008ebe00417314379fab2285df23322e73
+---
+
+{{APIRef("Web Animations")}}{{SeeCompatTable}}
+
+**`axis`** は {{domxref("ScrollTimeline")}} インターフェイスの読み取り専用のプロパティは、タイムラインの進行軸を表す列挙値を返します。
+
+## 値
+
+列挙値です。可能な値は以下のとおりです。
+
+- `"block"`
+  - : スクロールコンテナーのブロック軸にあるスクロールバーで、行内のテキストの流れに垂直な方向の軸。標準英語のような横書き方向では `"y"` と同じになり、縦書き方向では `"x"` と同じになります。
+- `"inline"`
+  - : スクロールコンテナのインライン軸にあるスクロールバーで、行のテキストの流れに並行な方向の軸。横書き方向の場合は `"x"` と同じで、縦書き方向の場合は `"y"` と同じです。
+- `"y"`
+  - : スクロールコンテナーの縦軸のスクロールバー。
+- `"x"`
+  - : スクロールコンテナーの横軸のスクロールバー。
+
+## 例
+
+例えば、メインの {{domxref("ScrollTimeline")}} ページを参照してください。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("ScrollTimeline")}}
+- {{domxref("AnimationTimeline")}}, {{domxref("ViewTimeline")}}
+- [ウェブアニメーション API](/ja/docs/Web/API/Web_Animations_API)
+- [CSS スクロール駆動アニメーション](/ja/docs/Web/CSS/CSS_scroll-driven_animations)

files/ja/web/api/scrolltimeline/scrolltimeline/index.md

@@ -0,0 +1,59 @@
+---
+title: "ScrollTimeline: ScrollTimeline() コンストラクター"
+short-title: ScrollTimeline()
+slug: Web/API/ScrollTimeline/ScrollTimeline
+l10n:
+  sourceCommit: 7eaac8008ebe00417314379fab2285df23322e73
+---
+
+{{APIRef("History API")}}{{SeeCompatTable}}
+
+**`ScrollTimeline()`** コンストラクターは新しい {{domxref("ScrollTimeline")}} オブジェクトインスタンスを作成します。
+
+## 構文
+
+```js-nolint
+new ScrollTimeline(options)
+```
+
+### 引数
+
+- `options`
+
+  - : 以下のプロパティを持つことができるオブジェクトです。
+
+    - `source`
+      - : スクロール位置がタイムラインの進行を駆動するスクロール可能な要素（スクローラー）を表す {{domxref("Element")}} への参照。
+    - `axis` {{optional_inline}}
+
+      - : タイムラインの進行軸を表す列挙値です。可能な値は以下の通りです。
+
+        - `"block"`: スクロールコンテナーのブロック軸にあるスクロールバーで、行内のテキストの流れに垂直な方向の軸。標準英語のような横書き方向では `"y"` と同じになり、縦書き方向では `"x"` と同じになります。
+        - `"inline"`: スクロールコンテナーのインライン軸（行のテキストの流れに並行な方向の軸）上のスクロールバー。横書き方向の場合は `"x"` と同じで、縦書き方向の場合は `"y"` と同じです。
+        - `"y"`: スクロールコンテナーの縦軸のスクロールバー。
+        - `"x"`: スクロールコンテナーの横軸のスクロールバー。
+
+        省略した場合、`axis` は `"block"` に既定されます。
+
+### 返値
+
+新しい {{domxref("ScrollTimeline")}} オブジェクトのインスタンス。
+
+## 例
+
+例えば、メインの {{domxref("ScrollTimeline")}} ページを参照してください。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [ウェブアニメーション API](/ja/docs/Web/API/Web_Animations_API)
+- [CSS スクロール駆動アニメーション](/ja/docs/Web/CSS/CSS_scroll-driven_animations)
+- {{domxref("ScrollTimeline")}}
+- {{domxref("AnimationTimeline")}}, {{domxref("ViewTimeline")}}

files/ja/web/api/scrolltimeline/source/index.md

@@ -0,0 +1,34 @@
+---
+title: "ScrollTimeline: source プロパティ"
+short-title: source
+slug: Web/API/ScrollTimeline/source
+l10n:
+  sourceCommit: 7eaac8008ebe00417314379fab2285df23322e73
+---
+
+{{APIRef("Web Animations")}}{{SeeCompatTable}}
+
+**`source`** は {{domxref("ScrollTimeline")}} インターフェイスの読み取り専用プロパティで、スクロール位置がタイムラインの進行、つまりアニメーションを駆動しているスクロール要素（スクローラー）への参照を返します。
+
+## 値
+
+{{domxref("Element")}} です。
+
+## 例
+
+例えば、メインの {{domxref("ScrollTimeline")}} ページを参照してください。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [ウェブアニメーション API](/ja/docs/Web/API/Web_Animations_API)
+- [CSS スクロール駆動アニメーション](/ja/docs/Web/CSS/CSS_scroll-driven_animations)
+- {{domxref("ScrollTimeline")}}
+- {{domxref("AnimationTimeline")}}, {{domxref("ViewTimeline")}}