Intersect

Uses IntersectionObserver to fire events when content enters or exits the screen.

The components accepts four props: root, rootMargin, threshold, and options. The first three correspond to the IntersectionObserver options properties, or you can pass them all together to the options prop.

• Source

Examples

Open your console and scroll around to watch events get fired.

Using a scoped slot

By using scoped slots, you can access the current IntersectionObserverEntry

(Setting the threshold to 1 means the entire element must be visible before isIntersecting changes)