The v-scroll directive allows you to provide callbacks when the window, specified target or element itself (with .self modifier) is scrolled.
The default behavior is to bind to the window. If no additional configuration options are needed, you can simply pass your callback function.
Ниже приведена коллекция простых и сложных примеров.
Для более точной настройки вы можете назначить цель для привязки слушателя событий прокрутки.
v-scroll targets the window by default but can also watch the element it's being bound to. In the following example we use the self modifier, v-scroll.self, to watch the v-card element specifically. This causes the method onScroll to invoke as you scroll the card contents; incrementing the counter.
Caught a mistake or want to contribute to the documentation?
Edit Layout
on GitHub!