ntgbrl

@GreenSock Thanks for explaining why the behavior is the way it is, it really help me wrap my head around the nuances of scrolltrigger. Also, thanks to @akapowl and everyone else for the help and code recommendations

Scrolltrigger does not work when trying to do a scrub animation with an element that is positioned transform:translateY(-50%) . In the attached example -49% and -51% work as expected, but -50% stays in the same position while scrolltrigger appends translate3d(0px, 0px, 0px) to the element. <div class="wrap"> <div class="box1" style="transform: translate3d(0px, -36.4235px, 0px);"></div> <div class="box2" style="transform: translate(0%, -50%) translate3d(0px, 0px, 0px);">broken</div> <div class="box3" style="transform: translate3d(0px, -37.7385px, 0px);"></div> </div>