From 178c930b30a84e83a25093988aa60dc64ea55537 Mon Sep 17 00:00:00 2001 From: Akane Nakayama <31214487+ShirasuGyoza@users.noreply.github.com> Date: Wed, 24 Mar 2021 12:49:13 +0900 Subject: Web/API/IntersectionObserver/IntersectionObserverの翻訳修正 (#235) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * ref Web/API/IntersectionObserver/IntersectionObserverの翻訳修正 * ref Web/API/IntersectionObserver/IntersectionObserverの翻訳修正(表記ゆれ) --- .../intersectionobserver/index.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'files') diff --git a/files/ja/web/api/intersectionobserver/intersectionobserver/index.html b/files/ja/web/api/intersectionobserver/intersectionobserver/index.html index b5533ba182..9bf25f2429 100644 --- a/files/ja/web/api/intersectionobserver/intersectionobserver/index.html +++ b/files/ja/web/api/intersectionobserver/intersectionobserver/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/IntersectionObserver/IntersectionObserver ---
{{APIRef("Intersection Observer API")}}
-

IntersectionObserver() コンストラクタは、新しい {{domxref("IntersectionObserver")}} オブジェクトを生成します。 rootMargin は、指定されていた場合は構文が正しいかが確認され、閾値は、0.0 から 1.0 の間であるか確認され、閾値のリストは昇順に並べ替えられます。

+

IntersectionObserver() コンストラクターは、新しい {{domxref("IntersectionObserver")}} オブジェクトを生成します。 rootMargin は、指定されていた場合は構文が正しいかが確認され、閾値は、0.0 から 1.0 の間であるか確認され、閾値のリストは昇順に並べ替えられます。閾値のリストが空の場合、 [0.0] の配列に設定されます。

構文

@@ -23,30 +23,30 @@ translation_of: Web/API/IntersectionObserver/IntersectionObserver
callback
-
対象の要素の比率が、閾値と交差して表示されたときに実行します。コールバックは 2 つの引数を受け取ります。 +
対象の要素が見えている割合が、表示されて閾値を越えたときに実行します。コールバックは 2 つの引数を受け取ります。
entries
-
{{domxref("IntersectionObserverEntry")}} オブジェクトの配列で、それぞれ、その閾値によって指定された割合より多くあるいは少なく表示されているかに関わらず、 1 つの交差した閾値を表します。
+
{{domxref("IntersectionObserverEntry")}} オブジェクトの配列で、それぞれの要素が閾値となります。これは、見えている割合が下から上に、または上から下にその値を越える時に callback が呼ばれるよう指定するものです。
observer
-
コールバックが呼び出される {{domxref("IntersectionObserver")}} 。
+
コールバックが呼び出される {{domxref("IntersectionObserver")}} です。
options {{optional_inline}}
-
オブザーバをカスタマイズするためのオプションオブジェクトです。 もし options に何も指定されていない場合、オブザーバはルートとして、余白の無い、閾値 0% のドキュメントビューポートを使用します(つまり、1px でも閾値に入ればコールバックが実行されます)。次のオプションから任意の組み合わせを利用できます。 +
オブザーバをカスタマイズするためのオプションオブジェクトです。 もし options に何も指定されていない場合、オブザーバーはルートとして、余白の無い、閾値 0% のドキュメントビューポートを使用します(つまり、1px でもドキュメントビューポート内に入ればコールバックが実行されます)。次のオプションから任意の組み合わせを利用できます。
root
-
{{domxref("Element")}} または {{domxref("Document")}} オブジェクトは、対象の祖先要素であり、これらの矩形はビューポートとみなされます。対象の要素が root の表示領域においてどの部分も表示されていなければ、見えていないことになります。
+
{{domxref("Element")}} または {{domxref("Document")}} オブジェクトは、対象の祖先要素であり、これらの矩形はビューポートとみなされます。 root の可視領域に見えていない部分はいずれも、見えているとみなされません。
rootMargin
交差状態を計算するときに root の {{Glossary('bounding_box')}} に適用されるオフセットのセットを指定する文字列で、計算のために root を効果的に縮小または拡大させます。構文は概ね CSS の {{cssxref("margin")}} プロパティのものと同じです。margin のしくみと構文について詳しくは {{SectionOnPage("/ja/docs/Web/API/Intersection_Observer_API", "The root element and root margin")}} を御覧ください。デフォルト値は "0px 0px 0px 0px" です。
threshold
-
1 つの数字か、または 0.0 と 1.0 の間の数字の配列で指定し、監視対象の矩形の総面積に対する交差領域の比率を指定します。 0.0 に指定された場合、1px でも交差領域に入ったらその対象要素は表示されたとみなされます。threshold がどのように使われるかについては、 {{SectionOnPage("/ja/docs/Web/API/Intersection_Observer_API", "Thresholds")}} でより深く説明されています。 デフォルトの閾値は 0.0 です。
+
1 つの数値か、または 0.0 と 1.0 の間の数字の配列で指定し、監視対象の矩形の総面積に対する交差領域の比率を指定します。 0.0 に指定された場合、1px でも交差領域に入ったらその対象要素は表示されたとみなされます。threshold がどのように使われるかについては、 {{SectionOnPage("/ja/docs/Web/API/Intersection_Observer_API", "Thresholds")}} でより詳しく説明されています。 デフォルトの値は 0.0 です。

戻り値

-

新しい {{domxref("IntersectionObserver")}} は、対象要素が、指定された root 内で threshold の可視閾値を通過して表示されたかどうかの可視性を監視するために使用できます。対象要素の可視性の変更を監視し始めるには、 {{domxref("IntersectionObserver.observe", "observe()")}} メソッドを呼び出します。

+

新しい {{domxref("IntersectionObserver")}} は、対象要素が指定された root 内で threshold の可視閾値を越えて表示されたかどうかを監視するために使用することができます。対象要素の表示の変更を監視し始めるには、 {{domxref("IntersectionObserver.observe", "observe()")}} メソッドを呼び出します。

例外

@@ -59,7 +59,7 @@ translation_of: Web/API/IntersectionObserver/IntersectionObserver

-

この例では、監視されている要素の可視範囲が 10% 以上になったときに毎回 myObserverCallback を呼び出すような新しい intersection observer を生成しています。

+

この例では、監視されている要素の可視範囲が 10% を越える毎に myObserverCallback を呼び出すような新しい intersection observer を生成しています。

let observer = new IntersectionObserver(myObserverCallback,
                    {threshold: 0.1});
-- cgit v1.2.3-54-g00ecf