Text durch scrollen ergänzen

  • Ich bin auf der Suche nach einem Plugin oder einer anderen Lösung für folgende Design-Funktionalität:

    Stellt euch vor, auf einer Seite steht ein Text. Wenn der Nutzer scrollt, bleibt dieser Text stehen und von unten nach oben kommt einer weiterer Text dazu, der den ersten Text ergänzt. Scrollt der Nutzer weiter, wiederholt sich das Spiel.

    Ziel ist, erst nach und nach den vollständigen Text anzuzeigen. Wie eine Aufzählung, nur „interaktiv“.

    Ich habe solch einen Effekt beispielsweise bei apple.com gesehene. Allerdings dort eher mit Bildern.

    Kennt jemand ein Plugin, dass mir solch eine Funktion bietet? Oder wisst ihr einen anderen Weg, ohne Plugin?

    Freue mich auf eure Antworten.
    Grüße!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Bei Bildern nennt sich das Lazy Load. Evtl. kommst du mit dem Begriff weiter. Für Text müsste ich jetzt selbst erst suchen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Lazy Load ist etwas anders als das, was ich suche. Mir geht es explizit darum, dass sich der Text aus einzelnen Textbausteinen zusammensetzt. Das Scrollen ist dafür nur der Trigger, die Seite soll dabei aber nicht wirklich scrollen, zumindest nicht, bis der Text „fertig“ zusammengesetzt ist.

  • Wenn du mit den Begriffen nicht suchen willst, dann such mal nach transition text effect. Ein Plugin fällt mir nicht ein. Mit jQuery sollte das programmierbar sein. Das sprengt aber den Beitrag. Evtl. suchst du auch mal in der Jobbörse.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Danke dir!

    Ich habe einen ersten Ansatz gefunden, nutze dafür nun den Revolution Slider (einfach mal auf der Seite nach unten scrollen): http://ide.einewebsitebitte.de/20-2/

    Jetzt sieht man zumindest, was ich will.
    Das Problem bei der Lösung ist aber, dass bei zu kleinen Browserfenstern die Seite gescrollt wird und nicht mehr nur der Slider slided. Wie das ganze bei mobilen Bildschirmen aussieht... naja. Perfekt ist das nicht. Aber zumindest kann ich nun meine Idee visualisieren.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!