ScrollTrigger - pin jumps/snaps on triggering
Unfortunately I cannot make a simple CodePen, that has the same issue.
And since the website is under construction sharing it here isn't possible - so the attached GIF is the best I can do
Any ideas on why this happens?
I have this code that gets my sections with data-pinned attribute:
gsap.utils.toArray('[data-pinned]').forEach(function(elem) {
ScrollTrigger.create({
trigger: elem,
start: "top top",
pin: true,
@GreenSock Btw, how can I ease the "stick to top"? So the pinning is more "anticipated" and landing softly.
Perhaps using another trigger and tweening the content of the pinned element?