Intersection observer
The v-intersect
directive utilizes the Intersection Observer API. It provides an easy-to-use interface for detecting when elements are visible within the user’s viewport. This is also used for the v-lazycomponent.
Usage
Scroll the window and watch the colored dot. Notice as the v-cardcomes into view that it changes from error to success.
API
Directive | Description |
---|---|
v-intersect | The intersection observer directive |
Examples
Props
Options
The v-intersect
directive accepts options. Available options can be found in the Intersection Observer API. Below is an example using the threshold
option.
Ready for more?
Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page onGitHub