pabschabs

OMG thank you so much! Sometimes when you stare at the same screen for so long you miss the most obvious things!

What i would like to have is just as the circles are rolling out the video is fading in. Currently the circles roll out, then we continue to scroll for days and then the video comes into view.

I will try all of these and get back to you! What about the length of time it takes to get to the next section? The one in blue? Do you know what is increasing the scroll distance so much?

I have edited the original codepen and tweaked the code as you suggested. Thanks Paul

When you say a fixed element do you mean in img tags? if so that doesn't change anything. I just avoided hosting the images. Thanks for your help though!

When you say a fixed element do you mean in img tags? if so that doesn't change anything. I just avoided hosting the images. Thanks for your help though!

Hi I am trying to build out a design around 2 svg elements. The elements will move in and out of the screen revealing things like a video when you scroll down. I would then roll the elements back in and they would be used as a background for text. Unfortunately i am quite stuck on the pin spacing. I have tried a few suggestions but feel there is something basic i am missing and simply cannot identify. How can i make these elements cover the entire screen and as you scroll they roll away revealing the video? https://codepen.io/paul-cullen/pen/NWYXZra Thank you! Paul