Streaming live at 10am (PST)

SVG draw in multiple sections

Hi there!

A couple of months ago I came to this forum with the same question. Since then I got some amazing help from Siton_Systems.

But I’ve been working on a new project which is basically set up like this (example 1):

So I’ve got multiple sections. And in those section I would like a SVG line which animates on scroll but only in that section. Before moving to the next section and doing the same (example 2). Ive tried it with IX2 but because my section are different (undefined) heights its hard to use the percentages of IX2.

Here’s a codepen from an earlier test me and Siton_Systems did. Its basically what I need but in every section

https://codepen.io/wvano/pen/WYRram

Can anybody help me with this situation? It would be really appreciated.

1 Like