I couldn't simulate my problem in codepen and that's why I decided to make this post here on the forum.
I put a wordpress site in production, but when I view it on android (on several devices), there is a delay in the scrollTrigger animation.
gsap.utils.toArray('.scroll-trigger__title__center').forEach(triggerTitle => {
gsap.from(triggerTitle, {
yPercent: 100,
ease: "power1",
scrollTrigger: {
trigger: triggerTitle,
scrub: 1,
start: "top 90%",
end: "top 70%",
markers: true
}
})
})
For example, in the above code, set the start and end to happen closer to the bottom of the page, but when I see it on mobile it only happens at the top of the page.