From f3de3a8e5e2b3fb403b87c1d521e84e691155b6d Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Wed, 7 Aug 2024 12:18:31 +0900
Subject: [PATCH] =?UTF-8?q?2024/06/29=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 files/ja/web/api/scrolltimeline/axis/index.md | 43 ++++++++++++++
 .../scrolltimeline/scrolltimeline/index.md    | 59 +++++++++++++++++++
 .../ja/web/api/scrolltimeline/source/index.md | 34 +++++++++++
 3 files changed, 136 insertions(+)
 create mode 100644 files/ja/web/api/scrolltimeline/axis/index.md
 create mode 100644 files/ja/web/api/scrolltimeline/scrolltimeline/index.md
 create mode 100644 files/ja/web/api/scrolltimeline/source/index.md

diff --git a/files/ja/web/api/scrolltimeline/axis/index.md b/files/ja/web/api/scrolltimeline/axis/index.md
new file mode 100644
index 00000000000000..50ab0f48f96e3e
--- /dev/null
+++ b/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)
diff --git a/files/ja/web/api/scrolltimeline/scrolltimeline/index.md b/files/ja/web/api/scrolltimeline/scrolltimeline/index.md
new file mode 100644
index 00000000000000..2f5e51f9082d60
--- /dev/null
+++ b/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")}}
diff --git a/files/ja/web/api/scrolltimeline/source/index.md b/files/ja/web/api/scrolltimeline/source/index.md
new file mode 100644
index 00000000000000..3cee5752d36fe4
--- /dev/null
+++ b/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")}}