The Intersection Observer API is probably one of the most useful Web APIs that have been released recently. The API keeps track of intersection between two elements in a webpage.
https://usefulangle.com/post/118/javascript-intersection-observer
* Web Development Updates * Javascript * CSS * UI / UX * Node.js * PHP * Cloud * Videos * Web Development Updates * Javascript * CSS * UI / UX * Node.js * PHP * Cloud * Videos * getBoundingClientRect() * Here is a live demo * window.requestIdleCallback * How to Know when an Element Gets Visible in the Screen During Scrolling * Detecting when an Element Becomes Fixed in CSS position:sticky with an Intersection Observer * Intersection Observer API Documentation on MDN * Intersection Observer API Polyfill for Older Browsers * Intersection Observer version 2 * Detecting when an Element Becomes Fixed in CSS position:sticky with an Intersection Observer * How to Know when an Element Gets Visible in the Screen During Scrolling