IntersectionObserverEntry

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.

MDN Reference

Properties

Link copied to clipboard

The IntersectionObserverEntry interface's read-only boundingClientRect property returns a smallest rectangle that contains the entire target element.

Link copied to clipboard

The IntersectionObserverEntry interface's read-only intersectionRatio property tells you how much of the target element is currently visible within the root's intersection ratio, as a value between 0.0 and 1.0.

Link copied to clipboard

The IntersectionObserverEntry interface's read-only intersectionRect property is a contains the entire portion of the target element which is currently visible within the intersection root.

Link copied to clipboard

The IntersectionObserverEntry interface's read-only isIntersecting property is a Boolean value which is true if the target element intersects with the intersection observer's root.

Link copied to clipboard

The IntersectionObserverEntry interface's read-only rootBounds property is a rectangle, offset by the IntersectionObserver.rootMargin if one is specified.

Link copied to clipboard

The IntersectionObserverEntry interface's read-only target property indicates which targeted root.

Link copied to clipboard

The IntersectionObserverEntry interface's read-only time property is a change occurred relative to the time at which the document was created.