Die v-intersect-Direktive verwendet die Intersection Observer API. Es stellt eine einfach zu bedienende Schnittstelle zur Verfügung, um zu erkennen, wann Elemente im Viewport des Benutzers sichtbar sind. Diese wird auch für die v-lazy-Komponente verwendet.
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.
Die v-intersect-Direktive akzeptiert Optionen. Verfügbare Optionen finden Sie in der Intersection Observer API. Unten ist ein Beispiel mit der threshold-Option.
Obwohl die Intersection Observer API in IE11 standardmäßig nicht verfügbar ist, kann sie mit einem polyfill implementiert werden.
Bereit für mehr? Weiter lesen mit: