SVG Linie beim Scrollen durch Website animieren

[@milanistvan]

Kaffee von mir ☕️😉 Vielen Dank für deinen Content.

[@jonasarleth]

Milan, du wirst für immer der erste hier auf KZbin sein, der mir ein Kaffee spendiert hat. Ich wusste nicht, dass das auch in den Kommentaren geht. Mega!

[@milanistvan]

@@jonasarleth Das ist natürlich eine Ehre für mich. 😊 Ich wusste auch nicht, dass es in den Kommentaren stehen würde. Ja, ich würde auch gerne mit dir persönlich einen Kaffee trinken, aber ich denke, das wird noch dauern. Also bis dahin, erstmal virtuell. 😉👋

[@milanistvan]

Sehr cool ! Vielen Dank Jonas !

[@jonasarleth]

Sehr gerne!

[@mrbl1986]

Danke dir vielmals :) liebe Grüße Bryan

[@jonasarleth]

Sehr gerne! Falls du ein Tutorial-Wunsch hast, gerne her damit!

[@hamedroknizadeh1989]

super, gut gemacht profi

[@jonasarleth]

Danke!

[@AbdulWahab-pk4jx]

Thanks for making it, it is a great idea.

[@jonasarleth]

You're welcome!

[@lukaeres3684]

This is great! Thank you for the video you shared with us! I'm wondering why I can't scroll through this page on a mobile device?

[@jonasarleth]

Why not? You can do that!

[@lukaeres3684]

When I clone this and try scroll on android i can't scroll. Only for this page, for another is everything ok.

[@hakanovic5878]

Hey Jonas! Sehr produktives Video. Woher nimmst du dir eigentlich die ganzen Bilder? Sowas wie unsplash usw. findet man meist keine passenden Bilder. Würde mich auf eine Antwort freuen.

[@jonasarleth]

Doch, ich bediene mich immer an Unsplash. Man muss eben ein gutes Auge haben 😉

[@tellmewhenithurt641]

Hi is there online courses available?

[@jonasarleth]

Yes but only in German: webflow-lernen.de

[@amelies587]

hey Jonas... super video ich habe die animation gerade ausprobiert, aber bei mir wird das SVG leider nicht animiert. ich weiß wirklich nicht woran es liegt, ich habe alles genauso gemacht wie im video

[@amelies587]

Die Animation ist bei mir nur ganz am Ende zu sehen

[@jonasarleth]

@@amelies587 Ok aber gut zu wissen, dass sie schon mal animiert. Es kann gut sein, dass du eine andere Linienform hast und entsprechend den Startpunkt versetzen musst. Das SVG Embed (line-drawing) hat bei mir ja einen Abstand nach oben bei Position absolute. Spiel mal damit rum bis du sie konstant animiert siehst. Vielleicht setzt du das auch erstmal auf 50vh und dann müsste sie genau in der Mitte gemalt werden.

[@amelies587]

@@jonasarleth Danke erstmal für den Tipp.. Die Linie animiert einfach super langsam. Ich möchte das SVG mitten auf einer Seite nur in einer bestimmten Section benutzen. Wenn ich es auf einer anderen Blanko Seite ausprobiere dann funktioniert es. Sobald ich alles rüberkopiere klappt es nicht mehr.. Kann das an den anderen Sections liegen und wenn ja wie könnte ich das ganze fixen?