keep adsorption element with window resize
Question: How can I achieve this kind of function?
Demo:
Targets: I have a node and a target node, and I want to make the current node and the target node overlap in position and size.
Descriptions:
In this demo I implemented such a function, but when the window changes, I can't update the value in gsap.to, what should I do.
Or is there a better implementation?
Thanks for help !!!!!
See the Pen yLPjLPb?editors=0010 by liar0320 (@liar0320) on CodePen
Hey there @lich0320
Since you are already making use of function-based values, you've got that part covered already.
What you want to be taking a look at with regard to ScrollTrigger is invalidateOnRefresh
This is from the docs:
invalidateOnRefresh
Boolean - If true, the animation associated with the ScrollTrigger will have its invalidate() method called whenever a refresh() occurs (typically on resize). This flushes out any internally-reco
