Scroll and Drag a Timeline with GSAP
Michelle Barker has shared a polished demo on Codrops that shows how to combine vertical scrolling with horizontal dragging in a single timeline interface built on GSAP. The tricky part is making two separate interactions—one for scroll, one for drag—react to each other without fighting for control.
The approach relies on clean, semantic markup and straightforward code, with clear abstractions that keep the logic easy to follow. Accessibility is also treated as a core concern throughout the implementation, not an afterthought.
