Interface IntersectionObserver

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.

interface IntersectionObserver {
    root: Element | Document;
    rootMargin: string;
    thresholds: readonly number[];
    disconnect(): void;
    observe(target: Element): void;
    takeRecords(): IntersectionObserverEntry[];
    unobserve(target: Element): void;
}

Index

Properties

root rootMargin thresholds

Methods

disconnect observe takeRecords unobserve

Properties

`Readonly`root

root: Element | Document

`Readonly`rootMargin

rootMargin: string

`Readonly`thresholds

thresholds: readonly number[]

Methods

disconnect

disconnect(): void
MDN Reference

Returns void

observe

observe(target): void
MDN Reference
Parameters
- target: Element
Returns void

takeRecords

takeRecords(): IntersectionObserverEntry[]
MDN Reference

Returns IntersectionObserverEntry[]

unobserve

unobserve(target): void
MDN Reference
Parameters
- target: Element
Returns void