Hi!
Sure, I've added a nav.
https://codepen.io/hermesgrau/pen/qBoLWeW
I have used ScrollTo plugin and a helper function to scroll to a timeline label.
function labelToScroll(timeline, label) {
let st = timeline.scrollTrigger;
return st.start + (st.end - st.start) * (timeline.labels[label] / timeline.duration());
}
Helper function found here:
Then you can do something like this:
gsap.to(window, {
duration: .6,
scrollTo: labelToScroll(tl, 'your-label'),
})
You could add a data-scroll-to to the nav links with the label you want to target.