GSAP Timeline remove blank space onLoad

[Jgoo321 3 Likes (Newbie)]

Hi Team,

 

The codepen linked is one created by @OSUblake. I found this solution to a snap scroll concept I am implementing to work very well. There is one thing that I am trying to achieve that I seem to be heavily struggling on.

 

When the page loads or on page reload, how can I prevent the animation from taking effect on the first section? Essentially, I want section1 to be the page that the user first sees (without the section animating into the viewport), instead of the current effect it has now which is to "gotoSection(0,1)".

 

Thanks,

Johnny G.

See the Pen GRQKPMo by GreenSock (@GreenSock) on CodePen

[GreenSock 18,591 Likes (Superhero)]

One quick way to do it is to just have the gotoSection() function return the timeline and then you can jump to the very end immediately with .progress(1):

See the Pen YzOBJbx?editors=0010 by GreenSock (@GreenSock) on CodePen

 

There are other ways to do it too, of course, but this seemed like probably the simplest off the top of my head.

[Jgoo321 3 Likes (Newbie)]

@GreenSock Exactly what I was looking for, I appreciate the help.