There's an IntersectionObserver API that does exactly this - it fires your callback when your configured threshold (X% of element A is intersecting element B) i

There's an IntersectionObserver API that does exactly this - it fires your callback when your configured threshold (X% of element A is intersecting element B) is passed in either direction.