Scrolling directive

The v-scroll directive allows you to provide callbacks when the window or a specifically defined element are scrolled.

Utilização

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
Nome
arg:target
Padrão
window
Tipos
String

Directives.Scrolling.

Nome
value
Assinatura
() => {}
Tipos
Function

Directives.Scrolling.

Exemplos

Scroll with options

For a more fine tuned approach, you can designate the target to bind the scroll event listener.

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