[Unable to fix pin spacing]

OMG thank you so much!

 

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

[Unable to fix pin spacing]

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.

[Unable to fix pin spacing]

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?

[Unable to fix pin spacing]

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

 

Thanks

 

Paul

[Unable to fix pin spacing]

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!


 

[Unable to fix pin spacing]

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!


 

[Unable to fix pin spacing]

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?



Thank you!

Paul

See the Pen NWYXZra by paul-cullen (@paul-cullen) on CodePen