v-scroll directive allows you to provide callbacks when the window, specified target or element itself (with
.self modifier) is scrolled.
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-cardelement specifically. This causes the method
onScroll to invoke as you scroll the card contents; incrementing the counter.
For a more fine tuned approach, you can designate the target to bind the scroll event listener.