Vuetify

Shop

Für Unternehmen

Die v-scroll-Direktive erlaubt es Ihnen Callbacks bereitzustellen, die beim Scrollen des Fensters oder eines speziell definierten Elements aufgerufen werden.

Das Standardverhalten ist die Bindung an das Fenster. Wenn keine zusätzlichen Konfigurationsoptionen benötigt werden, können Sie einfach Ihre Callback-Funktion übergeben.

Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.

Unten finden Sie eine Sammlung einfacher bis komplexer Beispiele.

Für einen feineren Ansatz können Sie das Ziel benennen, um den Scroll-Ereignis-Listener zu binden.

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.

New in v2.3

Bereit für mehr? Weiter lesen mit:

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