solidjs-motion

createInView (snapshot)

Single-threshold observer — entry snapshots at enter/leave.

Scroll. Each card flips isInView and snapshots the IntersectionObserverEntry at the moment it enters or leaves the viewport. The ratio shown is captured at the crossing — it does NOT update while the card sits partially visible. For live ratio tracking, see the live ratio demo.

Card 1
isInView: false ·  last-crossing ratio: 0.00
Card 2
isInView: false ·  last-crossing ratio: 0.00
Card 3
isInView: false ·  last-crossing ratio: 0.00
Card 4
isInView: false ·  last-crossing ratio: 0.00
Card 5
isInView: false ·  last-crossing ratio: 0.00
Card 6
isInView: false ·  last-crossing ratio: 0.00