Scrolltrigger pinned element jerking issue.

[codechirag]

Hello Guys, first of all thanks for being always there. I again got a small issue where I am stuck, your help is really appreciated. I am using scrollTrigger with pinning an element where there are some animation with timeline that images appear and fade and lastly it ends but while ending the animation gets jerked. I am not be able to share full code and can't make a small chunk, can you tell me why the pin jerks at few places and otherwise works fine. I can share url in DM. Thanks

[GSAP Helper]

Without a minimal demo, it's very difficult to troubleshoot; the issue could be caused by CSS, markup, a third party library, a 3rd party script, etc. Would you please provide a very simple CodePen or Stackblitz that illustrates the issue? 

 

One thing you could try (and it's not a silver bullet) is: 

ScrollTrigger.normalizeScroll(true);

 

[codechirag]

@GSAP Helper thanks for the quick response, I have just shared the url with you on message.

[codechirag]

This issue is solved I got the issue related to translateX. Thanks.

[Muhammad Mubashir]

make transition: none; it will resolve your issue.