Not TestedTesting not done, may not work properly
DOM & HTML

Intersection Observer

Asynchronously observe changes in the intersection of a target element with a ancestor or viewport.

Checking support...
Advertisement

Interactive Input Workspace

Ready for input

Web API Execution Output

Result output will be displayed here after processing...

Native JavaScript Code Example (Zero Libraries)

const observer = new IntersectionObserver((entries) => {
  entries.forEach(e => console.log(e.isIntersecting));
});
observer.observe(targetElement);

About the Intersection Observer Web API

IntersectionObserver monitors element visibility and scroll position relative to viewports.

Specification:W3C & WHATWG Web API Standard
Sponsored Content