Getting to Text to "Fade In" at a specific scroll point?


I am trying to create a visual story in which, as the reader scrolls to a certain point, text will "fade in."  Is this possible?  It looks like the fade in effect is ongoing and can't be timed?


0 votes

1 answers



I also managed to figure this out through some colleagues that helped me out.  The key is to set the first scrollpoint with

;opacity: 0

And then, when the image fades in, set it at 

;opacity: 1

This should be at the end of the CSS in the Scrollr menu.

1 votes

That's how I've always done it!