darrylvos

Thanks for the warm welcome. Super impressed with how efficient your team is at answering questions and the level of quality and support you're giving! This totally worked. I thought I had removed the scale and still faced the same issue, but this concept works very well. Thank you for that. On the side notes: ease: "power2t" was suppose to be ease: "power2". Typo on my part! Thanks. The nav is pretty hacked, the entire block will be clickable not just the word... I agree it's pretty annoying currently.

I have panels for content that use a scroll trigger (scrubbing & Pinning) to reveal. I would like users to be able to click on the nav to jump to one of the content panels. After leveraging bits from this wonderful forum, I was able to get a working prototype. Only issue I'm having now is that when a user clicks to go to a lower content panel it works. Then when they click on a higher content panel it appears the offset is off by about 50% the window.innerHeight. When I use an OffsetY value (window.innerHeight / 2) the lower content panels show at 50% but the higher panels show correctly. I feel like if I could determine the scroll position of the element I'm scrolling to I could just add the correct offset to compensate. Is there any way to correct this behaviour? (FYI, It doesn't appear to be showing well in the embeded codepen... Seems to work fine on codepen.io)