I'm trying to animate object with scrollTrigger. It works correctly on codepen and it also works with pinType: transform. But on project it dissappears when start point kicks in and reappears when pinning ends. The issue is probably not related to gsap but I couldnt find a way to work around.
What do you think I'm doing wrong?
Project url: https://demo.pentayazilim.net/ruya-dizayn
Video of issue: https://streamable.com/m9hrvm
Solved to issue:
If triggered/pinned object's container has transform, its not working properly...
See the Pen NWwZRab by manidar (@manidar) on CodePen
https://prnt.sc/B1LEe1wDYEWP This litte triangle was to blame. I was trying to move it based on longer lines on side of it. But safari was miscalculating offset().top. Thank you all for your help. Have a wonderfull weekend.
Well I figured out the solution for my problem. If anyone having similar issue, there is a problem with transition + gsap using. By removing transition from my target object, my problem is solved.