Kill scrolltrigger on Load / only scroll to section only if user is scrolling ( relating to Fullpage scrolling)

[geogeo]

Hi there,

 

I've used the below forum to create a fullpage scroll effect. However, i've found that unless the first section (the header) is height: 100vh, then as soon as you load the page the you're scrolled down to the next section because the "scroller-start" is already past the "start" position of the scrollTrigger.

 

Is there a way to kill the scrollTrigger on load and only scroll when a user is scrolling? Please see attached codepen demo 

 

Many thanks in advance

 

Georgia

 

 

See the Pen yLJvWEr by georgiac44 (@georgiac44) on CodePen

[ZachSaucier]

Hey Georgia. I think you are looking for something like this?

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

[geogeo]

Hi Zach,

 

Thanks so much for the reply, that's definitely more of the right idea, but when the user starts scrolling you're not snapped to the first section. But then the scrollto kicks in for the second section onwards.

 

Any ideas?

 

Many thanks again!

 

Georgia

[ZachSaucier]

Another option is to change the start position for the first ScrollTrigger:

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