Text durch scrollen ergänzen

  • klarolo

    (@herrfelix)


    vor 7 Jahren, 2 Monaten

    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!

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 7 Jahren, 2 Monaten

    Verschiedene Page Builder wie z.B. Beaver Builder oder Elementor bieten die Möglichkeit, zu Textabschnitten Einblend-Effekte (Fade In, Slide Left/Right/Up/Down) hinzuzufügen:

    Thread-Starter klarolo

    (@herrfelix)

    vor 7 Jahren, 2 Monaten

    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.

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „Text durch scrollen ergänzen“ ist für neue Antworten geschlossen.