From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../web/api/intersectionobserverentry/index.html | 54 ++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 files/ja/web/api/intersectionobserverentry/index.html (limited to 'files/ja/web/api/intersectionobserverentry') diff --git a/files/ja/web/api/intersectionobserverentry/index.html b/files/ja/web/api/intersectionobserverentry/index.html new file mode 100644 index 0000000000..6ef72fcdc8 --- /dev/null +++ b/files/ja/web/api/intersectionobserverentry/index.html @@ -0,0 +1,54 @@ +--- +title: IntersectionObserverEntry +slug: Web/API/IntersectionObserverEntry +translation_of: Web/API/IntersectionObserverEntry +--- +
{{SeeCompatTable}}{{APIRef("Intersection Observer API")}}
+ +

Intersection Observer APIIntersectionObserverEntry インターフェイスは、特定の遷移時点でのターゲット要素とそのルートコンテナ間の共通部分を記述します。 IntersectionObserverEntry のインスタンスは、その entries パラメータで {{domxref("IntersectionObserver")}} コールバックに渡されます。それ以外の場合、これらのオブジェクトは {{domxref("IntersectionObserver.takeRecords()")}} を呼び出すことによってのみ取得できます。

+ +

プロパティ

+ +
+
{{domxref("IntersectionObserverEntry.boundingClientRect")}} {{readonlyinline}}
+
Returns the bounds rectangle of the target element as a {{domxref("DOMRectReadOnly")}}. The bounds are computed as described in the documentation for {{domxref("Element.getBoundingClientRect()")}}.
+
{{domxref("IntersectionObserverEntry.intersectionRatio")}} {{readonlyinline}}
+
Returns the ratio of the intersectionRect to the boundingClientRect.
+
{{domxref("IntersectionObserverEntry.intersectionRect")}} {{readonlyinline}}
+
Returns a {{domxref("DOMRectReadOnly")}} representing the target's visible area.
+
{{domxref("IntersectionObserverEntry.isIntersecting")}} {{ReadOnlyInline}}
+
A Boolean value which is true if the target element intersects with the intersection observer's root. If this is true, then, the IntersectionObserverEntry describes a transition into a state of intersection; if it's false, then you know the transition is from intersecting to not-intersecting.
+
{{domxref("IntersectionObserverEntry.rootBounds")}} {{readonlyinline}}
+
Returns a {{domxref("DOMRectReadOnly")}} for the intersection observer's root.
+
{{domxref("IntersectionObserverEntry.target")}} {{ReadOnlyInline}}
+
The {{domxref("Element")}} whose intersection with the root changed.
+
{{domxref("IntersectionObserverEntry.time")}} {{readonlyinline}}
+
A {{domxref("DOMHighResTimeStamp")}} indicating the time at which the intersection was recorded, relative to the IntersectionObserver's time origin.
+
+ +

メソッド

+ +

このインタフェースにはメソッドがありません。

+ +

仕様

+ + + + + + + + + + + + + + +
仕様書ステータスコメント
{{SpecName('IntersectionObserver','#intersection-observer-entry','IntersectionObserverEntry')}}{{Spec2('IntersectionObserver')}}初回定義
+ +

ブラウザの互換性

+ + + +

{{Compat("api.IntersectionObserverEntry")}}

-- cgit v1.2.3-54-g00ecf