scrollTrigger matchMedia
When using matchMedia with scrollTrigger, it works well when I start my page at < 800px and then when resizing my browser window to > 800px (just as an example).
But it seems that when I resize back to less than 800px, the position of my element does not return to it's original y value (it remains far down the page). I am guessing I need to add something else to completely kill the scrollTrigger values and reset my element to it's original css positioning. What is the best way
Short answer:
Save the initial styles so that they can be reverted cleanly:
ScrollTrigger.saveStyles(".scrollFadeUp");
(Do that BEFORE your ScrollTrigger.matchMedia() call)
Longer explanation:
A from() tween will of course jump to the provided values immediately and record those internally as the start. When ScrollTrigger does its teardown to revert values, it attempts to rewind that tween...but that would mean applying the starting values which in this case has yP
