Problem with Fade In text

Hi. I'm having trouble to create a text that fades in when I scroll over the page. If I choose the fade in FX, it triggers it right after I load the page, but not when I scroll. I want to do something like this user did https://www.scrollkit.com/s/oOf5ciB  but after trying all night I have not been capable. I've tried messing around a bit with the Scrolling Parallal effects, but so far, no good. 

Could you please help me?

 

Thank you,

 

Camilo

 

0 votes

2 answers

2582 views

ANSWER



Camilo, if you're looking for the fade effect as in the "Bibby" story I created, you'll want to do the following.

When the text you want to fade in/out is selected scroll to the spot you want to have it fade in from, go to the skrollr and add 'opacity: 0;'. Then scroll to the point where you want to be fully visible, go to skrollr, create a new rule and add 'opacity: 1'.

This will give you an effect, that, at the first point the text, or anything you want, will fade in from and be fully visible where you added the second rule.

If you want to fade out you simply reverse the process.

Hope that answers your question.

JG

1 votes



Jonathan! You're a rock star – it worked perfectly.
03/21/2014


I'd love to know the answer to this as well!

0 votes