Draggable Picker

[Catalin R. 17 Likes (Newbie)]

Hi,

I like this animation very much! Can anyone help me to get, onThrowComplete event, to get a data or to add a class to the current item (that from middle with red title)?

Thanks!

See the Pen wvgaLxQ?editors=0010 by GreenSock (@GreenSock) on CodePen

[GreenSock 18,884 Likes (Superhero)]

You'd have to either craft an algorithm to figure it out (math based on the timeline's time mapped to the closest snapping point and which element is biggest at that point). I don't have time to do that for you, but here's a fork that just finds the biggest element at that point: 

See the Pen ExWwRZM?editors=0010 by GreenSock (@GreenSock) on CodePen

 

let biggestElement = cells.slice(0).sort((a, b) => gsap.getProperty(a, "scaleX") - gsap.getProperty(b, "scaleX")).pop();

Then you can do whatever you want with that. Add a class or whatever. 

[Catalin R. 17 Likes (Newbie)]

Thanks for your help!