Chethankvs
(Chethan Kvs)
February 22, 2019, 9:01am
1
I am creating an interaction that starts when the page is scrolled to 30%. But I would like the same animation to happen even at 50% and 80% of the page scroll. How can I do that?
Here is the video to the animation. Loom | Free Screen & Video Recording Software | Loom
The animation I am referring to refers to the yellow line under the text in the center of the page.
Thanks
1 Like
PeterDimitrov
(Webflow Expert Partner)
February 22, 2019, 9:14am
2
Hello @Chethankvs
You have multiple yellow lines on the page and you want them to have the same animation? Am I right?
Can you share your read-only link?
Piter
Chethankvs
(Chethan Kvs)
February 22, 2019, 9:18am
3
1 Like
PeterDimitrov
(Webflow Expert Partner)
February 22, 2019, 9:21am
4
Why not using element scroll into view trigger? Not page scroll trigger
1 Like
Chethankvs
(Chethan Kvs)
February 22, 2019, 9:23am
5
Oh okay. I will try that. Thank you
1 Like
PeterDimitrov
(Webflow Expert Partner)
February 22, 2019, 9:23am
6
I will try also and share a screen record here.
Chethankvs
(Chethan Kvs)
February 22, 2019, 9:25am
7
Yes. That would be super helpful. Thank you
1 Like
PeterDimitrov
(Webflow Expert Partner)
February 22, 2019, 9:49am
8
Hereβs my approach > https://www.useloom.com/share/8ce8312d1f3142f4883c1a6b8e14c9be
Actually I will use size instead of scale and also % for the lines width so they can be always the same width as the heading above. I will go to the store and when I come back I will record another one.
Piter
Chethankvs
(Chethan Kvs)
February 22, 2019, 10:16am
9
This is awesome! Thanks so much. So the Offset of 30% means 30% of the viewport and not the full page right?
1 Like
PeterDimitrov
(Webflow Expert Partner)
February 22, 2019, 10:40am
10
Yes, exactly. 30% from the bottom of the viewport
PeterDimitrov
(Webflow Expert Partner)
February 26, 2019, 8:39am
12
Hey man! The first thing I will show you is the lines trick.
@Chethankvs See here > https://www.useloom.com/share/2351a9982ef3426695d4c62a709e487a
Piter
1 Like