Text appears while scrolling down and stays in a place

[aguna]

Hi,

I'm trying to design website when the text will show up during scrolling down the page, but it won't disappear when I scroll down or up again. After it shows up it stays in the place. I've tried with hover effects but it olny works when I hover the object and when the text disappear. I wish to break the loop and stop after one animation. How can i achieve it?

[Rishabh_Tiwari]

Hi there,

Thanks for reaching out. Will it be possible for you to share a small video of the workflow that you are following? We'll try our best to help you with this.

Regards

Rishabh

[aguna]

I've created hover effect for a text because that's what I want to achieve. But I want text to stay in place once it appears and stays in place when I scroll down and up.

[video]

[Ares Hovhannesyan]

Please check https://youtu.be/WruHPrHdxpQ.  Try to use duplicate artboard without text.  

[aguna]

Thank you. But I don't want tap triger. I want to scroll to this point and then I want my text appear and stay in the place 😛 

[aguna]

It has helped me https://www.youtube.com/watch?v=IDL3lo_CaFw with activating the effect even before I hover the element. I added a additional rectangle above the photo which starts the process. But still I don't know how to leave the text in the place once it's scrolled to this point on the page...

[Divine_ease1549]

Hi Aguna,

I was also looking for the same. I used the animation to hapen on the hover state and used a invisible rectangle (reducing opacity to 0%) to trigger the hover state "ON SCROLL".. however once we come out from that rectangle all the elements used in it move out.

Did you manage to find a fix for it. If so please do kindly let me know on how to achieve it as it will be really helpful for me.

Thanks in advance.