michaelx

Hi ya'll, i kept working on this project and found an acceptable way to do this. I began examining the issue and found that the more I experimented with pinning in GSAP, the more it seemed like I was hacking together a makeshift solution rather than using it as intended. Eventually, I re-discovered that CSS's position sticky property essentially provides the functionality I was after. I combined that with GSAP's draggable plugin (along w some smooth scrolling) and I was able to come up with this: https://codepen.io/xyeres/pen/poxWeqE I'm open to constructive criticism if you spot something you think could be improved! One thing I'm wanting to do but can't figure out is making the draggable instance scrollable when the user hovers and scrolls, is that possible with draggable? (right now if you scroll the page, the timeline moves, but i was thinking of having the timeline move independently of the rest of the page at a faster rate to allow the user to navigate the timeline separately from the page position, like you can when you drag left and right)

Thanks Rodrigo! I appreciate the time and the input, I thought maybe it would be a somewhat obvious fix but playing with it most of the day I see it's a more complex problem than I had originally thought. I haven't fully figured out how to achieve what I set out to, but I have made some progress. I may share that progress here for others to find, we'll see how it goes.

Hi all, As you can see, I am new to GSAP (and loving it). I have a project where I want to build the classic company timeline with pinning and scrolling. As you'll see in the demo I use pinning to hold the decade description while the specific year data scrolls by. On its own, the pinning works to my liking, however when I add in the navigation bar things get a little complicated. I am trying to use Draggable to allow the user to drag the navigation and also using Anchor links to allow clicking. I don't quite understand how to calculate the long content and sync that to the navigation bar to show accurate scroll progress. Does anyone know how to accurately calculate and update the scroll progress on the navigation? I hope I have provided enough information, thank you to anyone who gives some time to this, Michael