We take a look at the intersection observer API in javascript to track a particular DOM element. We can easily get to know asynchronously whether the target element has intersected with the viewport or even track whether the element is actually visible to the user. We explore the different options which are avaiable in the Intersection observer like the root, rootMargin, threshold, trackVisibility, delay etc.
Github - https://github.com/anuroopjoy/interse...
00:00 - Introduction
01:21 - Intersection observer
13:15 - threshold
15:15 - rootMargin
16:48 - root
19:58 - trackVisibility
24:01 - unobserve/disconnect/takeRecords