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, 0p
@akapowl is correct.
@iDad5 the issue (before 3.6.1) merely had to do with when someone doesn't follow best practices of using the component properties like x, y, xPercent, yPercent, scaleX, scaleY, etc. and instead passes in a string transform like transform: "translate(0px, -50%)". That very specific scenario has been fixed but again, I strongly recommend against ever using that syntax
@ntgbrl as I tried to explain in the other thread, there are TWO y-related properti