n00bie

Good morning @Rodrigo, the problem seems to be happening only if "invalidateOnRefresh" is set to true. On my local development site, I only kept the GSAP code for my animation (no other JS) and the problem is still happening. I'll try to dig deeper... Thanks! Edit: Even with another pinned section the problem occurs it's super weird, the pinned section on resize gets repinned to almost the top of the body. https://www.loom.com/share/674c773293d841faa1d66d75e5537e14

Good afternoon @Rodrigo, last question (I swear haha), I put to good use the demo into my real world project, however when resizing the window and putting it back to full screen, I can't seem to be able to go back to the top of the page and everything looks wonky. Do I need a resize function? https://www.loom.com/share/b8b306e9455b4a458419a049e54a3ef7

@Rodrigo again thank you so much for all the help, I will continue my Creative Coding classes and learn as much as I can! ❤️

@Rodrigo meaning that I need to have my animations in order in the JS file for them to work correctly? 😮

@Rodrigo It indeed answered my question, however when changing the "end" parameter to let's say "+=2000px" instead of "+=bottom 50%" the next section's animation already occured. If you could point me in the right direction that'd be awesome!

@Rodrigo if I could kiss you, I would, thank you so much it looks like it's working with you and Ryan's help. Last detail, If I want the scroll to be slower, "duration" doesn't seem to impact anything, I guess it would be to add scrub: 1 but that will break the animation coming after this one like Ryan mentionned, any workaround or it's just the natural scroll speed that is applied?

Hey @ryan_labar thank you so much! For the spacing, instead of using flex's gap, should I use padding or margin so that it is calculated in the offsetWidth and so, if the designer want to change the spacing from 64px to something else, I don't have to play around in the JS? I updated the Pen but I don't seem to get the math working, on desktop view it looks good, but smaller, the last item is not fully visible. https://codepen.io/theintegrateur/pen/ExMJjeG

Hello, I spent a lot of hours on this and I can't find the solution so I'm turning this over this active community to help me out. Basically I know the problem comes from the "end" parameter after playing around but I'm puzzled. I would like for when my horizontal scrolling section is done scrolling, to have enough time to see the "GSAP Left to Right" section's animations. If I scroll super slowly I can see them, however if I scroll very fast I can't. Any idea on how to solve this? Thanks! Also, any way to have my "Item 7" to show up inside the container, depending on the resolution it's not always fully visible 😇 https://codepen.io/theintegrateur/pen/ExMJjeG