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-lazy component.

사용법

Scroll the window and watch the colored dot. Notice as the v-card comes into view that it changes from error to success

API

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

options

예제

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

With 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.

Polyfill

While the Intersection Observer API is not available in IE11 by default, it can be implemented using a polyfill.

다음 순서

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!