Hi all,
Firstly, I hope you don't mind me using a JSFiddle, I tried to use the starter pen but it said my account was linked to spam (I was not logged in).
The JSFiddle example I have is here https://jsfiddle.net/z69w9u4g/45/
I am using Scroll Magic, but my problem is more related to TweenMax. I have a lot of sections and each of them have some text on them. In my example, I done a dummy section so you can see the scroll effect. What I am after is for each block of text to fade in, whilst at the same time slightly slide up.
As you can see in my example, I am kind of achieving this. However, the text is sliding up into the other section. Really, I am after a bit of advice on a couple of things. Firstly, if I remove the slide up portion of the code, you will see the natural position of the text (just at the top of the section). Really, I want all blocks of text to sit about 50-100 px below their natural position, and slide up to their natural position. Is there any way to set the starting point for this block of text?
My next question relates to best practices. As I mentioned, I have a lot of blocks of text in different sections. Do I need to repeat this code for each block of text, or is there are way to make it reusable?
Any advice appreciated.
Thanks