IntersectionObserverEntry: target property
The IntersectionObserverEntry
interface's
read-only target
property indicates which targeted
Element
has changed its amount of intersection with the intersection
root.
Value
The IntersectionObserverEntry
's target
property specifies
which Element
previously targeted by calling
IntersectionObserver.observe()
experienced a change in intersection with
the root.
Examples
In this simple example, each targeted element's opacity
is set to its
intersectionRatio
.
js
function intersectionCallback(entries) {
entries.forEach((entry) => {
entry.target.opacity = entry.intersectionRatio;
});
}
To see a more concrete example, take a look at Handling intersection changes.
Specifications
Specification |
---|
Intersection Observer # dom-intersectionobserverentry-target |
Browser compatibility
BCD tables only load in the browser