sarahholden

Oh - perfect! That's so funny I happened to stumble on that. It was working but I wasn't sure if that was how it was supposed to be used - helpful to know behind the scenes what it does. Thanks again!

Wow, really appreciate the quick responses @Rodrigo and @GreenSock. This solution works perfectly for what I need. Since I am using ScrollSmoother this morning I had experimented with pausing scroll smoother when that section is reached and then unpausing when the slides have ended, but I'm new to ScrollSmoother so I wasn't sure what unintended consequences that would have. Your solution seems much more foolproof. Really appreciate your help on this one, Observer is such a nice tool to have! I should be set with this solution now!

Oh! One other note is that I'm also using ScrollSmoother on my site, so I can't just use fixed positioning for that section or something along those lines. Thanks

Hello, I'm attempting to recreate an effect from this codepen: https://codepen.io/GreenSock/pen/oNdNLxL My issue is that the section I want to add animations to on swipe is not at the top of the page, but further down. Is it possible to get this same functionality, but to have scrollable content above the section that uses Observer? I've attached a Codepen example - my issue is that when there is scrollable content above this section, it blows right past the section and gets weird. Designers I work with always want sections in the middle of the page where animations are tied to mouse events. For example, one swipe switches a panel or animates in text. 😅 I was hoping with observer there would be a cleaner way to do this. Thanks in advance, really appreciate all your work answering forum questions. I don't often ask but I benefit from questions from others Sarah

@ZachSaucier This is exactly what I was looking for but couldn't find with my search terms. Thanks so much for your quick response and pointing me in the right direction - much appreciated.

Is it possible to tie the length a pinned section is in place to the length of a user's mouse / touch action? I'm looking to display a new pin each time the user scrolls down once with their mouse or swipes once on their phone. I've implemented a somewhat similar technique to this Codepen demo from @akapowl with content changing on scroll and it's working well. However I have images displayed on one side and if the user scrolls down too quickly the images fly past, but if I increase the total duration the pinned sections feel like they last much too long. Thanks in advance!