Intersection Observer
v-intersect ディレクティブはIntersection Observer APIを利用しており、要素がユーザーのビューポート（画面内）に表示されたタイミングを簡単に検出できます。
使い方
下にスクロールしながら、左側の色付きの点に注目してください。
カードがビューポート内に表示されると、そのカードに対応する色付きの点の色が変化します。これにより、要素が画面内に入ったタイミングを確認できます。
API
| Directive | Description |
|---|---|
| v-intersect |
intersectionRatio: 要素がどのくらい表示されたか？ 0~1.0 isIntersecting: 要素が表示されたか entries: IntersectionObserverEntry observer: IntersectionObserver |
Examples
1度だけ検知する
v-intersect.onceを利用すると一度のみの検知になります。