VUE.JS

Scroll Feature

Interaktive Komponente

Desktop-Ansicht der Vue.js Scroll Komponente

Über das Projekt

In einem laufenden Vue.js-Projekt fehlte eine Möglichkeit, Inhalte beim Scrollen sanft einzublenden. Die naheliegende Lösung wäre eine fertige Bibliothek gewesen. Ich habe mich dagegen entschieden.

Ich habe eine eigene Komponente gebaut, die die native Intersection Observer API nutzt. Kein externes Paket, keine Ladezeit, keine Abhängigkeiten. Die Komponente lässt sich mit einer einzigen Klasse auf beliebige Elemente anwenden und ist heute in Produktion im Einsatz.

Screenshots

Desktop-Ansicht Tablet-Ansicht Mobile-Ansicht