Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web APIs
  3. IntersectionObserverEntry

IntersectionObserverEntry

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨March 2019⁩.

* Some parts of this feature may have varying levels of support.

TheIntersectionObserverEntry interface of theIntersection Observer API describes the intersection between the target element and its root container at a specific moment of transition.

Instances ofIntersectionObserverEntry are delivered to anIntersectionObserver callback in itsentries parameter; otherwise, these objects can only be obtained by callingIntersectionObserver.takeRecords().

Instance properties

IntersectionObserverEntry.boundingClientRectRead only

Returns the bounds rectangle of the target element as aDOMRectReadOnly. The bounds are computed as described in the documentation forElement.getBoundingClientRect().

IntersectionObserverEntry.intersectionRatioRead only

Returns the ratio of theintersectionRect to theboundingClientRect.

IntersectionObserverEntry.intersectionRectRead only

Returns aDOMRectReadOnly representing the target's visible area.

IntersectionObserverEntry.isIntersectingRead only

A Boolean value which istrue if the target element intersects with the intersection observer's root. If this istrue, then, theIntersectionObserverEntry describes a transition into a state of intersection; if it'sfalse, then you know the transition is from intersecting to not-intersecting.

IntersectionObserverEntry.rootBoundsRead only

Returns aDOMRectReadOnly for the intersection observer's root.

IntersectionObserverEntry.targetRead only

TheElement whose intersection with the root changed.

IntersectionObserverEntry.timeRead only

ADOMHighResTimeStamp indicating the time at which the intersection was recorded, relative to theIntersectionObserver'stime origin.

Instance methods

This interface has no methods.

Specifications

Specification
Intersection Observer
# intersection-observer-entry

Browser compatibility

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp