IntersectionObserverEntry.target
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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
.
function intersectionCallback(entries) {
entries.forEach(function(entry) {
entry.target.opacity = entry.intersectionRatio;
});
}
To see a more concrete example, take a look at Handling intersection changes in Timing element visibility with the Intersection Observer API.
Specifications
Specification |
---|
Intersection Observer # dom-intersectionobserverentry-target |
Browser compatibility
BCD tables only load in the browser