.thumb.jpg.37a93b3ce41a3736e5bf4d412b203064.jpg)
mobile problem safari - paralax effect image jumps when adress bar hides
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: "
for those those need to fix this in the future and are using scrollsmoother,i fixed the same issue by setting the code as follows:
now the mobile browser don't refresh if scrolldown(default native behavior)
and the jumpy address bar is fixed at all times(don't show/hide)anymore
its buttery smooth.
// in the css
#smooth-content {
position: absolute;
display: grid;
overflow: visible;
min-height: 100vh;
}
// an
