Struggling with ScrollTo plugin and sticky elements

[16067_1494126611]

Hey,

 

Im working on a fullscreen slideshow that goes to the next section when i scroll. I created the slideshow first without the slides being position: sticky and this worked perfectly:

See the Pen wvbaRJe by remcovb (@remcovb) on CodePen

 

But when added postion: sticky to the sections,  the slideshow only works when going down and breaks when going back up:

 

Anyone with a solution for this?

 

See the Pen KKLpbgQ by remcovb (@remcovb) on CodePen

[Rodrigo]

Hi @16067_1494126611 and welcome to the GSAP Forums!

 

I think there is no need to use position sticky and scrolling for achieving this. Is far simpler to just use position absolute and yPercent:

https://gsap.com/resources/get-started/#transform-shorthand

 

Here is a fork of your demo:

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

 

Hopefully this helps.

Happy Tweening!

[16067_1494126611]

Yes, this works like a charm! Pretty obvious looking at it now 😅, but thanks alot!