Jump to content
GreenSock

d11202

Timelinemax - calling functions for properties with staggerTo

Go to solution Solved by Diaco,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi
 
Using TimelineMax.staggerTo I would like to calculate the x position of where a box would end up at runtime.
 
So:

var i = 0;
var tlmx = new TimelineMax();
tlmx.staggerTo( $('.box-answer'), 0.25, { x:getXposition(), y:200 }, 0.25 );
function getXposition() {
  console.log('getXposition: i:', i);
  var posX = i * 200;
  i++;
  return posX;
} 

 
With the code above the function only gets called once. I thought it would be called with each iteration of $('.box-answer').
 
Help greatly appreciated.
 
Thanks

See the Pen wKpvjO by anon (@anon) on CodePen

Link to comment
Share on other sites

  • Solution

Hi d11202  :)

 

if i understood correctly , pls try like this : 

var tlmx = new TimelineMax();
tlmx.staggerTo( $('.box-answer'), 0.25, { cycle:{x:function(i){return  i*50} }, y:200 }, 0.25 );

See the Pen yYpLGe by MAW (@MAW) on CodePen

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×