TCharli

Thank you both very much. Finally, this hint (ignoreMobileResize) has eliminated it.

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. FullSizeRender_1.mp4

Perfect, that's what I was looking for! Thanks for the quick help!

Perfect, that's what I was looking for! Thanks for the quick help!

I have a section with the height of 100vh and pin it as follows: ScrollTrigger.create({ trigger: ".styleselectcontainer", start: "top top", pin: true, pinSpacing:false, }); Directly after that follows the next section with normal scrolling. How can I control that this section does not scroll directly above the pinned section when the pin fires? I want to achieve that the user has to scroll/swipe a little bit until the second section starts scrolling.