Intersection Observer in JavaScript

Observe element visibility

IntermediateBrowser APIExample 15 of 15

intersection-observer.js

1const observer = new IntersectionObserver((entries) => {
2    entries.forEach(entry => {
3        if (entry.isIntersecting) {
4            console.log('Element visible');
5        }
6    });
7});
8observer.observe(document.getElementById('element'));

Output

Element visible

What's going on

Intersection Observer detects element visibility.

PreviousBattery API