Hello everyone
I'm facing a minor issue with gsap pinning on scrolling with elementor,
https://myaccentway.com/shop
checkout this page, in the last sections after the plans tables when you scroll the sections get pinned but the right container within moves slightly to the left when scrolling
you can also check the video here
https://streamable.com/56zzkt
and this is the code I'm using:
can you please help me ?
thank you
function shop1() {
gsap.from('.voocpic1', {
scrollTrigger: {
trigger: '.vooc1',
start: 'top top',
endTrigger:'.reviews',
end:'top 30%',
pin: '.voocpic1',
scrub: true,
pinSpacing: false,
},
});
}
function shop2() {
gsap.from('.voocpic2', {
scrollTrigger: {
trigger: '.vooc2',
start: 'top top',
endTrigger:'.reviews',
end:'top 30%',
pin: '.voocpic2',
scrub: true,
pinSpacing: false,
},
});
}
function shop3() {
gsap.from('.voocpic3', {
scrollTrigger: {
trigger: '.vooc3',
start: 'top top',
endTrigger:'.reviews',
end:'top 30%',
pin: '.voocpic3',
scrub: true,
pinSpacing: false,
},
});
}
};