Nos bénévoles n'ont pas encore traduit cet article en Français. Inscrivez-vous et aidez-nous à réaliser cette tâche !
Vous pouvez également lire cet article en English (US).

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The IntersectionObserverEntry interface of the Intersection Observer API describes the intersection between the target element and its root container at a specific moment of transition. Instances of IntersectionObserverEntry are delivered to an IntersectionObserver callback in its entries parameter; otherwise, these objects can only be obtained by calling IntersectionObserver.takeRecords().

Properties

IntersectionObserverEntry.boundingClientRect Read only
Returns the bounds rectangle of the target element as a DOMRectReadOnly. The bounds are computed as described in the documentation for Element.getBoundingClientRect().
IntersectionObserverEntry.intersectionRatio Read only
Returns the ratio of the intersectionRect to the boundingClientRect.
IntersectionObserverEntry.intersectionRect Read only
Returns a DOMRectReadOnly representing the target's visible area.
IntersectionObserverEntry.isIntersecting Read only
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.
IntersectionObserverEntry.rootBounds Read only
Returns a DOMRectReadOnly for the intersection observer's root.
IntersectionObserverEntry.target Read only
The Element whose intersection with the root changed.
IntersectionObserverEntry.time Read only
A DOMHighResTimeStamp indicating the time at which the intersection was recorded, relative to the IntersectionObserver's time origin.

Methods

This interface has no methods.

Specifications

Specification Status Comment
Intersection Observer
The definition of 'IntersectionObserverEntry' in that specification.
Working Draft Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support5115

53 — 551

55

No ? ?
boundingClientRect5115

53 — 551

55

No ? ?
intersectionRatio5115

53 — 551

55

No ? ?
intersectionRect5115

53 — 551

55

No ? ?
isIntersecting51 No

53 — 551

55

No ? ?
rootBounds5115

53 — 551

55

No ? ?
target5115

53 — 551

55

No ? ?
time5115

53 — 551

55

No ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic support5151 Yes ? No ? ?
boundingClientRect5151 Yes ? No ? ?
intersectionRatio5151 Yes ? No ? ?
intersectionRect5151 Yes ? No ? ?
isIntersecting5151 No ? No ? ?
rootBounds5151 Yes ? No ? ?
target5151 Yes ? No ? ?
time5151 Yes ? No ? ?

1. From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : fscholz, Sheppy, stefanjudis, erikadoyle, jpmedley, bunnybooboo, pyoor, Sebastianz
 Dernière mise à jour par : fscholz,