Jump to content
Search Community

Long Page with scrollTrigger jumps on IOS when scrolling ends

TCharli test
Moderator Tag

Go to solution Solved by GreenSock,

Recommended Posts

Hi! We are developing a long onepager with scrolltrigger. Many sections are pinned this way:

 

ScrollTrigger.create({
trigger: ".panel_riddle",
start: "top top", 
pin: true, 
end: "+=100%"
});   

 

This page is currently 20000px long on the iPhone. Everything works fine on desktop, but when scrolling fast on ios (safari and chrome) there is a problem. When scrolling fast down and up one after the other, the website jumps to another y-position when the scrolling ends.
I already tested the GSAP helper functions "stop overscroll" and "stop resizing window", but the problem remains. 

 

Strange thing is that the yScroll value of the page stays the same before and after the wrong jump. So for example fast scrolling to yValue 17500, then the page jumps a bit further or back and the yValue is still 17500 from above.

 

Does anyone know if this is a general IOS bug in interaction with scrolltrigger, or in which direction we have to think. Thanx a lot.

 

Attached a video from this behavior at the page bottom. In the upper left corner you can see the page yScrolling value. 

 

Link to comment
Share on other sites

  • 4 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...