[Major assistance with Scroll Trigger - not understanding it]

Hi Guys,

 

I'm really struggling with this and have been for like 3 days now so I'm at the point now where its getting to much and i'm going in circles trying to work it.

 

Trying to achieve:

I'm trying to make it so when I scroll the .mainhead  text zooms in. Once the text gets to a certain point I want my .leftdiv and .rightdiv , or what i like to call my "windows" open from the center and my zoomed in text spreads with it revealing the back page which will then be my website.

 

Can someone please help with this because I'm completely lost with it and I feel i've spent to much time on this.

 

Thanks

Luke

See the Pen poVwezx by luke-mancuso (@luke-mancuso) on CodePen

[Separating divs at a specific point when scrolling]

Hey Guys,

 

Very new to gsap and scrollmagic.

 

I've managed to work it so my heading scales when scrolling, I'm happy with that. 

What I want to do and don't know how is when the scaled text gets to a certain point I want the two divs leftdiv  and rightdiv  to both separate (almost like a window). 

Can someone assist with this.

 

See the Pen poVwezx by luke-mancuso (@luke-mancuso) on CodePen