스크롤 디렉티브 (Scrolling directive)

v-scroll 디렉티브로 윈도우나 명시적으로(specifically) 정의된 요소가 스크롤 될때 실행되는 콜백을 제공할 수 있습니다.

사용법

The default behavior is to bind to the window. If no additional configuration options are needed, you can simply pass your callback function.

API

v-scroll
이름
arg:target
디폴트
window
타입
String

v-scroll:#scroll-target="callback" 타겟의 스크롤 변화를 관찰. 기본 타겟은 윈도우지만 임의의 유효한 id selector 로 바꿀 수 있음

이름
value
Signature
() => {}
타입
Function

v-scroll="callback" 타겟이 스크롤 될때 호출되는 함수

예제

스크롤과 옵션 (Scroll with options)

더 자세한 설정을 위해서, 타겟을 스크롤 이벤트 리스너와 연결할 수 있습니다.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore