Scrolltrigger - Show one pinned section per scroll/swipe Interaction

[sarahholden]

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!

 

See the Pen 4a8ca13036ba9f2f80919f671da1fed0 by akapowl (@akapowl) on CodePen

[ZachSaucier]

Hey Sarah and welcome to the GreenSock forums. Thanks for supporting GreenSock with a Club GreenSock membership!

 

It sounds like this is what you're looking for. However, note the warning further down the thread about it perhaps not being the best way to approach things:

 

[sarahholden]

@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.