Spenquatch

Hello, I have an animation I am working on that I need help with. The idea is this cube is assembling as you scroll through the page while text fades/slides in and out. I have the cube part figured out, it is pinned, and I just have to build out the rest of the animations. The part I am having issues with is the text fading in and pin and then fade out at a set point. The text fades in and out just fine while scrolling down, but I need it to also animate in reverse when scrolling back up. I cannot use scrubbing because the fade-in needs to be quick and not take the entire duration of the pin. That is why I set it up to animate on enter and exit instead of within the animation of the pin. Is there a better approach to accomplish what I want? I need everything to animate in reverse when scrolling back up the page, but certain elements not to be set to the scrub because I need them to be quicker animations. Thanks!!

Thanks for the quick reply, unfortunately that did not work. When I select a nav option it still jumps past the selected anchor. Please refference the link I provided, as it is displaying the issues, the codepen is primarily to see the code easier. Any other ideas for me to try? It is odd because it will scroll right to the correct slide if Snap is turned off.

Thanks for your help! I am using the code you provided above and it worked great until I added snapping. Now when I click on a link it jumps to desired panel for a split second and then jumps ahead a random number of slides. It seems to be random and I cannot get it figured out. Here is a link to the page I am working on: https://dev-atri-multisite.pantheonsite.io/studies-3 and here is a codepen of a close version of the code I am using. https://codepen.io/Spen_UN/pen/poVrpbZ Thanks!!

@GreenSock Yes that worked for me! Now have another issue. I need to add a navigation that will stick to the side of the screen and link to different slides. I have seen some demos, the problem is the slides are dynamically created, and the examples I have seen are setup to manualy link to a preset number of slides. Could you please point me in the correct direction? Thanks!!

Hello, New to GreenSock and ScrollTrigger, so I am looking for a little help! Here are the issues I am running into: 1) When going from vertical to horizontal scroll, it immediately scrolls and snaps to slide 2 when you scroll into slide 1. Is there a way to delay this and require another scroll before continuing to scroll horizontally? 2) Can the snap be adjusted to only snap when 75% of the slide has been revealed? 3) If you scroll just a little bit past a slide it automatically jumps all the way to the next slide, is there any way to prevent that. Any help is much appreciated! Thanks!