Update timeline variables when refreshed
Hey,
I'm looking for an easy way to update variables used in a tween. Take this example, where the duration is a variable that has to update when the window is resized. To avoid creating a new resize eventlistener, I'm looking for a way to update this variable using the integrated listener from GSAP.
let time = myFunction();
timeline.current.to(myRef.current, {
scaleY: 2,
duration: time[0],
}, 0)
In this example, using variables and functions inside a scrollTrigger, it will auto
I was referencing the function Cassie had in her demo - that would return a number. You never shared your function so I assumed it was similar to what Cassie showed. Now that you shared your function, yes, I see that it returns an Array. And the strategy I shared with you still applies:
function myFunction() {
let heights = [10, 6];
let totalHeight = heights[0] + heights[1];
let snapValues = [];
let prev = 0;
snapValues = heights.map((height, i) => {
l