IntersectionObserver
The IntersectionObserver
interface of the Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.
Constructors
Properties
The root
read-only property of the IntersectionObserver interface identifies the Element or Document whose bounds are treated as the bounding box of the viewport for the element which is the observer's target.
The rootMargin
read-only property of the IntersectionObserver interface is a string with syntax similar to that of the CSS margin property.
The scrollMargin
read-only property of the IntersectionObserver interface adds a margin to all nested scroll container within the root element, including the root element if it is a scroll container.
The thresholds
read-only property of the IntersectionObserver interface returns the list of intersection thresholds that was specified when the observer was instantiated with IntersectionObserver.IntersectionObserver.
Functions
The disconnect()
method of the IntersectionObserver interface stops the observer watching all of its target elements for visibility changes.
The takeRecords()
method of the IntersectionObserver interface returns an array of IntersectionObserverEntry objects, one for each targeted element which has experienced an intersection change since the last time the intersections were checked, either explicitly through a call to this method or implicitly by an automatic call to the observer's callback.