I am using Scrollmagic with Greensock in hopes to achieve a transition effect with 5 full screen background images. Each image is positioned behind the other using absolute positioning and z-index I would imagine...and possibly a fixed position on a container div?...not sure about this.
On scroll the backgound images should scale up to 1.2 and then fade out, to have the next background image fade in as well as scale up to 1.2.
How can this be achieved, and have enough scroll headroom to scroll through each div.....when I tried I could get the first div to fade into the next, but I would run out of scroll...it was scrolling only the size of one div then hitting the bottom of the page.
Really trying to figure this out. I really appreciate any feedback anyone may have.