Hey community!
I made a really simple parallax effect with Scrolltrigger using scrub.
On desktop it works fine but on mobile - Safari - the image jumps when the Adress bar hides/comes back into view.
I also can see the markers jump.
here is my code:
gsap.fromTo(
imageRef.current,
{
yPercent: -20,
autoAlpha: 1,
},
{
yPercent: 20,
ease: "none",
autoAlpha: 1,
scrollTrigger: {
trigger: imageRef.current,
scrub: true,
markers: true,
},
}
);
any hints on how to fix this?
thank you already!
have a great weekend!