CSS Animation erst im Viewport

Antworten
#1
19.01.2018 17:48
avatar  Neuling66
#1
Ne
Neuling66

Moin Moin.

Ich probiere gerade mal wieder ein bisschen herum und bin auf CSS Animationen gestoßen. So weit so Gut.
Bin soweit mit der Implementierung auch zufrieden.

Nun möchte ich gerne die geplanten Animationen erst abspielen, wenn z.B. der Text oder das Bild in den Sichtbereich kommt.
Momentan geschieht es beim laden der Seite was auch logisch ist. Doch wenn man z.B. runter scrollt ist die Animation schon gelaufen und man hat sie nicht gesehen.

Habe schon versucht es über Java zu realisieren, jedoch scheint Java nicht gerade zuverlässig zu funktionieren auf Jimdoseiten.
Ich kenne mich leider nicht so gut aus mit CSS und Java.
Hat jemand einen Tip ?


 Antworten

 Beitrag melden
#2
27.01.2018 23:20 (zuletzt bearbeitet: 27.01.2018 23:22)
avatar  az_
#2
avatar
az_


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#3
27.01.2018 23:51
avatar  Neuling66
#3
Ne
Neuling66

Danke für den Link, die Seite kenne ich daher habe ich die Idee Leider funktioniert keine Lösung. Eventuell mach ich ja was falsch. Aber die Animationen laufen weiterhin sofort nach dem Laden. Ich habe die Vermutung ich bekomme das Script für den Viewport Check nicht zum laufen.


 Antworten

 Beitrag melden
#4
21.11.2018 11:42
avatar  Cano
#4
Ca
Cano

Ich hab mal eine Frage zu den Codes, wo füge ich diese denn ein damit es klappt? ich hab den css code bei Jimdo im head eingefügt aber der speichert ihn nicht.


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!