Defer functionality until an element is visible on the screen using IntersectionObserver.

[benbabics]

Asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport with IntersectionObserver.